Miscellaneous CSS cleanup (and make the report modal look better) (#1334)

assets/styles/components.scss

@@ -974,6 +974,8 @@ tr.button-transparent {
   display: flex;
   grid-gap: var(--spacing-card-sm);
   flex-wrap: wrap;
+  margin-top: var(--spacing-card-md);
+  justify-content: right;
 }
 
 .multiselect--above .multiselect__content-wrapper {
@@ -1339,58 +1341,6 @@ button {
   }
 }
 
-.legacy-label-styles {
-  label {
-    display: flex;
-    flex-direction: column;
-    margin-bottom: 0.5rem;
-
-    &.no-margin {
-      margin-bottom: 0;
-    }
-
-    @media screen and (min-width: 1024px) {
-      flex-direction: row;
-      align-items: center;
-    }
-
-    > span {
-      flex: 2;
-      padding-right: var(--spacing-card-lg);
-
-      &.no-padding {
-        padding-right: 0;
-      }
-    }
-
-    > input,
-    > .multiselect,
-    > .input-group {
-      flex: 3;
-      height: fit-content;
-    }
-
-    > input[type='button'] {
-      height: fit-content;
-      flex: 1;
-    }
-
-    > input[type='button']:hover {
-      cursor: pointer;
-    }
-
-    > div,
-    > a {
-      height: fit-content;
-      flex: 1;
-    }
-
-    > div:hover {
-      cursor: pointer;
-    }
-  }
-}
-
 .input-group {
   display: flex;
   flex-direction: row;