Merge pull request #1026 from dod-ccpo/team-settings-styling

Styling Bugs

styles/components/_accordion_table.scss

@@ -49,6 +49,7 @@
       font-weight: $font-bold;
       border-bottom: 1px solid $color-gray-lightest;
       margin: 0;
+      list-style-type: none;
 
       .icon-link--large {
         padding-top: $gap * 0.5;
@@ -107,6 +108,7 @@
     &__action-group {
       padding: 1rem 3.2rem;
       background-color: $color-gray-lightest;
+      text-align: right;
 
       button,
       a {
@@ -118,14 +120,6 @@
         padding-top: 0.5rem;
         float: none;
       }
-
-      > *:first-child {
-        padding-left: 0;
-      }
-
-      > *:last-child {
-        float: right;
-      }
     }
 
     &__toggler {

styles/elements/_inputs.scss

@@ -98,6 +98,10 @@
       cursor: default;
       margin: 0 0 0 ($gap / 2);
     }
+
+    &__view-only {
+      margin: 0;
+    }
   }
 
   &__help {

templates/portfolios/applications/settings.html

@@ -59,18 +59,18 @@
         </p>
         <div class="form-row">
           <div class="form-col">
-            <div class="usa-input usa-input__title">
+            <div class="usa-input usa-input__title__view-only">
               {{ application_form.name.label() }}
-              {{ application_form.name.data }}
             </div>
+            {{ application_form.name.data }}
           </div>
         </div>
         <div class="form-row">
           <div class="form-col">
-            <div class="usa-input usa-input__title">
+            <div class="usa-input usa-input__title__view-only">
               {{ application_form.description.label() }}
-              {{ application_form.description.data }}
             </div>
+            {{ application_form.description.data }}
           </div>
         </div>
       </div>