fix buttons and stars in feedback

Author: chrismoroney

assets/css/feedback.css

@@ -16,40 +16,17 @@
 }
 .rating label {
     color: white;
+    cursor: pointer;
     position: relative;
 }
-/*
-.rating label:hover,
-.rating label:hover ~ label, 
-.rating input:checked + label,
-.rating input:checked + label ~ label {
-	color: pink!important; 
-}
-*/
-.rating label:hover:before,
-.rating label:hover ~ label:before,
-.rating input:checked + label:before,
-.rating input:checked + label ~ label:before {
-  content: "\f005"; /* fa-star */
-  font-family: "Font Awesome 6 Pro";
-  font-weight: 900;
-  font-size: 2rem; /* fa-2x */
-  color: white!important;
-  position: absolute;
-  left: 0;
-  top: 0;
-  margin-top:-8px;
-}
-
 
-/*
-.rating i.fa-star::before {
-    content: "\f005";
-
-    padding-right:5px;
-    color: white;
+.rating label:hover i,
+.rating label:hover ~ label i,
+.rating input:checked + label i,
+.rating input:checked + label ~ label i {
+    font-family: "Font Awesome 6 Pro";
+    font-weight: 900;
 }
-*/
 
 
 /****************************************************/
@@ -85,4 +62,4 @@ html[theme='dark'] #error-text {color: hsl(0, 73.9%, 60%);} /* 10% lighter than
 }
 #feedback-3-thanks.smooth-open {
     opacity:1
-}
+}

themes/arm-design-system-hugo-theme/layouts/partials/filter-search-sort/mobile-search-and-filter.html

@@ -19,7 +19,7 @@
     <!-- Filter div -->
     <div>
         <!-- Filter button -->
-        <ads-button id="filter-button" level="tertiary" class="lg:u-hide u-position-relative" type="button" size="default" onclick="mobileFilterClickedSearch(this)">
+        <ads-button id="filter-button" level="secondary" class="lg:u-hide u-position-relative" type="button" size="default" onclick="mobileFilterClickedSearch(this)">
             <i class="fal fa-filter"></i>
         </ads-button>
 
@@ -38,4 +38,4 @@
             </div>
         </div>
     </div>
-</div>
+</div>

themes/arm-design-system-hugo-theme/layouts/partials/navigation/content-navigation-mobile.html

@@ -19,7 +19,7 @@
     <div>
         <!-- Sticky Header, always visible -->
         <div class="content-head-mobile lg:u-hide u-flex">
-            <ads-button id="filter-button" is-circular="" class="u-position-relative u-align-self-center lg:u-hide content-header-btn-mobile" level="tertiary" size="default" onclick="mobileFilterClickedContent(this)">
+            <ads-button id="filter-button" is-circular="" class="u-position-relative u-align-self-center lg:u-hide content-header-btn-mobile" level="secondary" size="default" onclick="mobileFilterClickedContent(this)">
                 <i class="fas fa-list" style="color:white;"></i>
             </ads-button>
             <h6 class="u-margin-top-1/2 u-margin-left-1 u-position-relative lg:u-hide content-header-txt-mobile">
@@ -55,4 +55,4 @@ <h6 class="u-margin-top-1/2 u-margin-left-1 u-position-relative lg:u-hide conten
             </div>
         </div>
     </div>
-</div>
+</div>

themes/arm-design-system-hugo-theme/layouts/partials/navigation/nav-buttons.html

@@ -29,7 +29,7 @@
             <!-- Create HTML buttons -->
             {{ if $backlink }}  <!-- Not on intro page -->
                 <div class="c-col">
-                    <ads-button name="{{$backname}}" class="inner-learning-path-navbtn-element {{$backnum}}-weight" style="float:left" onclick="window.location.href={{$backlink}}" level="tertiary">
+                    <ads-button name="{{$backname}}" class="inner-learning-path-navbtn-element {{$backnum}}-weight" style="float:left" onclick="window.location.href={{$backlink}}" level="secondary">
                         Back
                     </ads-button>
                 </div>
@@ -56,4 +56,4 @@
         {{end}}
         {{ $counter = add $counter 1 }}
     {{end}}
-</div>
+</div>