Merge branch 'dev-v2-home-page-update' into 'master'

Home Page: Add minor styling changes

See merge request platform-one/private/bullhorn/platform1-site!166

src/components/PageHeader.vue

@@ -33,7 +33,7 @@
           </div>
           <div v-if="buttonText && buttonUrl">
             <v-btn
-              class="ml-md-8 mt-12"
+              class="ml-md-8 mt-12 mb-16 mb-md-0"
               color="primary"
               :href="buttonUrl"
               :target="buttonTarget || ''"

src/views/Home.vue

@@ -12,34 +12,63 @@
     <div class="container mt-6">
       <div class="row">
         <div class="col-md-6 text-md-left text-xs-center">
-          <div v-if="$vuetify.breakpoint.mdAndUp">
+          <div v-if="$vuetify.breakpoint.lgAndUp">
             <h2 class="pl-8">Explore The</h2>
             <h1 class="mt-0 pl-7">Products</h1>
           </div>
-          <div v-if="$vuetify.breakpoint.smAndDown">
-            <h1>Explore The Products</h1>
-            </div>
-          <v-btn v-if="$vuetify.breakpoint.mdAndUp" class="ml-md-8 mt-6 mb-6" color="primary" href="/#/products">
+          <div v-if="$vuetify.breakpoint.mdAndDown">
+            <h2 class="pl-md-8" style="font-size:2.25rem">Explore The Products</h2>
+          </div>
+          <v-btn
+            v-if="$vuetify.breakpoint.mdAndUp"
+            class="ml-md-8 mt-6 mb-6"
+            color="primary"
+            href="/#/products"
+          >
             See Packages
           </v-btn>
         </div>
         <div class="col-md-6 text-left">
           <h3 class="pl-6 pb-4">How Our Teams Help</h3>
           <ul>
-            <li>Manages Software Factories for development teams so they can focus on building mission applications</li>
-            <li>Decouples development teams from factory teams with DevSecOps and Site Reliability Engineer (SRE) expertise</li>
-            <li>Helps instantiate DevSecOps CI/CD pipelines / software factories in days at various classification levels</li>
-            <li>Builds and leverages the DoD hardened containers while avoiding on-size-fits-all architectures</li>
-            <li>Fully complies with the DoD Enterprise DevSecOps Initiative (DSOP) with DoD-wide reciprocity</li>
-            <li>Centralizes the container hardening of 172 enterprise containers (databases, development tools, CI/CD tools, cybersecurity tools, etc.</li>
+            <li>
+              Manages Software Factories for development teams so they can focus
+              on building mission applications
+            </li>
+            <li>
+              Decouples development teams from factory teams with DevSecOps and
+              Site Reliability Engineer (SRE) expertise
+            </li>
+            <li>
+              Helps instantiate DevSecOps CI/CD pipelines / software factories
+              in days at various classification levels
+            </li>
+            <li>
+              Builds and leverages the DoD hardened containers while avoiding
+              on-size-fits-all architectures
+            </li>
+            <li>
+              Fully complies with the DoD Enterprise DevSecOps Initiative (DSOP)
+              with DoD-wide reciprocity
+            </li>
+            <li>
+              Centralizes the container hardening of 172 enterprise containers
+              (databases, development tools, CI/CD tools, cybersecurity tools,
+              etc.
+            </li>
           </ul>
         </div>
-        <v-btn v-if="$vuetify.breakpoint.smAndDown" class="my-6 mx-auto" color="primary" href="/#/products">
-            See Packages
-          </v-btn>
+        <v-btn
+          v-if="$vuetify.breakpoint.smAndDown"
+          class="my-6 mx-auto"
+          color="primary"
+          href="/#/products"
+        >
+          See Packages
+        </v-btn>
       </div>
     </div>
-    <div class="d-flex flex-column align-items-center mt-8 mt-md-16 mb-md-6">
+    <div class="d-flex flex-column align-items-center mt-14 mt-md-16 mb-md-6">
       <v-responsive
         class="px-6"
         :aspect-ratio="16 / 9"