Moved common css into styles.

src/app/actions/action-dropdown/action-dropdown.component.scss

@@ -1,4 +0,0 @@
-.error {
-  display: block;
-  color: #ba1a1a;
-}

src/app/actions/action-item-edit/action-item-edit.component.scss

@@ -9,19 +9,6 @@
   margin: 0;
 }
 
-.error {
-  display: block;
-  color: #ba1a1a;
-}
-
-.below {
-  display: block;
-  justify-self: center;
-  align-items: center;
-  align-self: center;
-  text-align: center;
-}
-
 .actions {
   display: flex;
   flex-direction: row;

src/app/groups/group-dropdown/group-dropdown.component.scss

@@ -1,3 +0,0 @@
-.error {
-  color: #ba1a1a;
-}

src/app/groups/group-item-edit/group-item-edit.component.scss

@@ -6,16 +6,3 @@
 .mat-mdc-card-actions {
   align-self: center;
 }
-
-.error {
-  display: block;
-  color: #ba1a1a;
-}
-
-.below {
-  display: block;
-  justify-self: center;
-  align-items: center;
-  align-self: center;
-  text-align: center;
-}

src/app/policies/policy-dropdown/policy-dropdown.component.scss

@@ -1,4 +0,0 @@
-.error {
-  display: block;
-  color: #ba1a1a;
-}

src/app/policies/policy-item-edit/policy-item-edit.component.scss

@@ -4,16 +4,3 @@
   grid-auto-flow: row dense;
   grid-gap: 0 1em;
 }
-
-.error {
-  display: block;
-  color: #ba1a1a;
-}
-
-.below {
-  display: block;
-  justify-self: center;
-  align-items: center;
-  align-self: center;
-  text-align: center;
-}

src/app/redemptions/redemption-item-edit/redemption-item-edit.component.scss

@@ -18,16 +18,6 @@ button,
   display: block;
 }
 
-.error {
-  display: block;
-  color: #ba1a1a;
-}
-
-.below {
-  display: block;
-  justify-self: center;
-}
-
 @media (max-width:1000px) {
   .mat-mdc-card-content {
     flex-direction: column;

src/app/redemptions/twitch-redemption-dropdown/twitch-redemption-dropdown.component.scss

@@ -1,4 +0,0 @@
-.error {
-  display: block;
-  color: #ba1a1a;
-}

src/app/tts-filters/filter-item-edit/filter-item-edit.component.scss

@@ -1,3 +0,0 @@
-.error {
-  color: #ba1a1a;
-}

src/app/twitch-users/twitch-user-item-add/twitch-user-item-add.component.scss

@@ -1,16 +1,3 @@
 .mat-mdc-card-actions {
   justify-content: space-between;
 }
-
-.error {
-  display: block;
-  color: #ba1a1a;
-}
-
-.below {
-  display: block;
-  justify-self: center;
-  align-items: center;
-  align-self: center;
-  text-align: center;
-}

src/styles.scss

@@ -78,3 +78,16 @@ body {
       protected-ripple-color: rgb(255, 154, 154),
     ));
 }
+
+.error {
+  display: block;
+  color: #ba1a1a;
+}
+
+.below {
+  display: block;
+  justify-self: center;
+  align-items: center;
+  align-self: center;
+  text-align: center;
+}