Merge pull request #3091 from GSA/fix/css-touchup

CSS follow up fixes

app/assets/sass/uswds/_custom-overrides.scss

@@ -23,3 +23,36 @@ p,
   font-family: family('sans');
   font-size: size('body', 6);
 }
+
+// Loading spinner for button states (e.g., after hitting send on text messages)
+.loading-spinner {
+  display: inline-block;
+  margin-left: 0.5rem;
+  width: 1em;
+  height: 1em;
+  border: 2px solid transparent;
+  border-top-color: currentColor;
+  border-radius: 50%;
+  animation: spin 0.75s linear infinite;
+  vertical-align: middle;
+}
+
+@keyframes spin {
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+}
+
+// Style for disabled loading button
+.usa-button[disabled] {
+  position: relative;
+
+  .loading-spinner {
+    display: inline-block;
+  }
+
+  min-width: 120px;
+}

app/assets/sass/uswds/components/_forms.scss

@@ -30,6 +30,11 @@
   }
 }
 
+.browse-list + .js-stick-at-bottom-when-scrolling .usa-button {
+  width: auto;
+  white-space: nowrap;
+}
+
 .usa-button img {
   margin-left: 0.5rem;
   height: 1rem;

app/assets/sass/uswds/components/_template-list.scss

@@ -135,7 +135,7 @@
   }
 
   .template-list-item {
-    padding: units(1) 0;
+    padding: units(1) units(3);
 
     &:empty {
       display: none;
@@ -147,13 +147,11 @@
 
     &:hover {
       background-color: color('gray-cool-5');
-      padding-left: units(1);
-      margin-left: units(-1);
-      padding-right: units(1);
-      margin-right: units(-1);
-    }
+      padding-left: units(3);
+     }
   }
 
+
   li.template-list-item.margin-bottom-2 {
     margin-bottom: units(1);
   }

app/templates/views/choose-account.html

@@ -49,11 +49,11 @@
 
 {% block maincolumn_content %}
 
-  <h1 class="font-heading-xl {% if current_user.has_access_to_live_and_trial_mode_services %}usa-sr-only{% endif %}">
+  <h1 class="font-heading-xl">
     Choose service
   </h1>
 
-  <nav class="browse-list {% if current_user.has_access_to_live_and_trial_mode_services %}top-gutter-2-3{% endif %}">
+  <nav class="browse-list">
 
     {% if current_user.platform_admin %}
       <div class="grid-row">
@@ -101,23 +101,12 @@
 
   {% if can_add_service %}
     <div class="js-stick-at-bottom-when-scrolling">
-      {% if current_user.has_access_to_live_and_trial_mode_services %}
-        <div class="grid-row">
-          <div class="grid-col-3">
-            &nbsp;
-          </div>
-          <div class="grid-col-9">
-      {% endif %}
       {{ usaButton({
         "element": "a",
         "text": "Add service",
         "href": url_for('.add_service'),
         "classes": ""
       }) }}
-      {% if current_user.has_access_to_live_and_trial_mode_services %}
-          </div>
-        </div>
-      {% endif %}
     </div>
   {% endif %}