Merge branch 'development'

Author: rbruhn

resources/css/components/_buttons.scss

@@ -129,11 +129,13 @@
 
   background: transparent;
   border: 0;
-  padding: 0;
+  padding: 10px 12px;
   margin: 0;
 
   display: inline-flex;
   align-items: center;
+  justify-content: center;
+  min-height: 44px;
 
   color: $brand-red;
   cursor: pointer;

resources/css/components/_cards.scss

@@ -146,6 +146,24 @@
   background-color: #eeeff9;
 }
 
+.card.faq .card-header .btn.faq {
+  min-height: 44px;
+  width: 100%;
+  padding: 12px 0;
+  white-space: normal;
+  border: 0;
+  background: transparent;
+  box-shadow: none;
+}
+
+.card.faq .card-header .btn.faq:hover,
+.card.faq .card-header .btn.faq:focus,
+.card.faq .card-header .btn.faq:active {
+  border: 0;
+  background: transparent;
+  box-shadow: none;
+}
+
 .project-banner {
   position: relative;
   cursor: pointer;

resources/css/components/_dropdowns.scss

@@ -4,6 +4,10 @@
 
 .dropdown-item {
   transition: all .2s ease-in-out;
+  min-height: 44px;
+  display: flex;
+  align-items: center;
+  padding: 10px 1.5rem;
 }
 
 .dropdown-item:focus, .dropdown-item:hover, .dropdown-item:active {
@@ -18,8 +22,9 @@
 
 @media only screen and (max-width: 768px) {
   .dropdown-item {
-    padding: .25rem 1.5rem;
+    padding: 10px 1.5rem;
     text-align: center;
     font-size: 1.125rem !important;
+    justify-content: center;
   }
 }

resources/css/components/_navbar.scss

@@ -96,10 +96,25 @@ header.header .navbar .navbar-toggler .hamburger .line,
   width: 100%;
 }
 
+.navbar-nav .nav-item {
+  display: flex;
+  align-items: center;
+}
+
 .navbar-nav .nav-link {
   color: white !important;
   z-index: 2;
   text-align: center;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  min-height: 44px;
+  padding: 10px 12px;
+}
+
+li.nav-btn .nav-link {
+  min-height: 44px;
+  padding: 10px 16px;
 }
 
 /* ==========================================================================

resources/css/layout/_base.scss

@@ -88,3 +88,10 @@ hr.white {
 hr.header {
   border: 1px solid rgba($brand-red, 1) !important;
 }
+
+.project-wide + .col-12 + hr + .col-12 a,
+.project-wide + .col-12 + hr + .col-12 p > a {
+  display: inline-flex;
+  align-items: center;
+  min-height: 44px;
+}

resources/css/layout/_footer.scss

@@ -15,3 +15,15 @@ footer p, footer a, footer .fa, footer i, footer li, footer svg, footer h6 {
   color: #e1e1e1;
   text-rendering: optimizeLegibility;
 }
+
+footer p > a {
+  display: inline-flex;
+  align-items: center;
+  min-height: 44px;
+}
+
+footer a:hover,
+footer a:focus {
+  color: #ffffff;
+  text-decoration: underline;
+}

resources/views/front/faq/partials/category-loop.blade.php

@@ -4,7 +4,7 @@
         @foreach($category->faqs as $key => $faq)
             <div class="card faq">
                 <div class="card-header" id="heading{{ $faq->id }}">
-                    <button class="faq btn text-left p-0" data-toggle="collapse"
+                    <button class="faq btn text-left d-block w-100" data-toggle="collapse"
                             data-target="#collapse{{ $faq->id }}" aria-expanded="true"
                             aria-controls="collapse{{ $faq->id }}">
                         {{ $faq->question }}