Standardize styling for hr elements and remove custom hr styling and classes that were no longer needed.

Fix styling on a few hr elements that looked wrong after global style was applied

styles/components/_error_page.scss

@@ -8,7 +8,6 @@
       padding: $gap 0;
 
       hr {
-        width: 100%;
         border: 1px solid $color-red;
       }
 
@@ -20,16 +19,16 @@
     &__body {
       padding: $gap * 2;
       margin: 0;
+
+      hr {
+        width: 80%;
+        margin: auto;
+        margin-bottom: $gap * 3;
+      }
     }
   }
 
   .icon {
     @include icon-size(60);
   }
-
-  hr {
-    margin-bottom: $gap * 4;
-    width: 80%;
-    border: 0.5px solid $color-gray-light;
-  }
 }

styles/components/_modal.scss

@@ -127,11 +127,6 @@ body {
       }
     }
 
-    hr {
-      border-bottom: 1px solid $color-gray-lighter;
-      margin: 0 (-$gap * 1.5) ($gap * 3);
-    }
-
     .form-row {
       margin: 0;
     }

styles/core/_util.scss

@@ -80,3 +80,9 @@
 p {
   max-width: 80ch;
 }
+
+hr {
+  border: 0;
+  border-bottom: 1px solid $color-gray-light;
+  margin: ($gap * 3) ($site-margins * -4);
+}

styles/elements/_panels.scss

@@ -119,11 +119,4 @@
   &__actions {
     @include panel-actions;
   }
-
-  hr,
-  &__break {
-    border: 0;
-    border-bottom: 1px solid $color-gray-light;
-    margin: ($gap * 4) ($site-margins * -4);
-  }
 }

styles/sections/_application_edit.scss

@@ -77,11 +77,6 @@
       }
     }
   }
-
-  hr {
-    border: none;
-    border-bottom: 1px solid $color-gray-lighter;
-  }
 }
 
 .environment-roles {

styles/sections/_home.scss

@@ -18,13 +18,6 @@
     margin-top: 0;
   }
 
-  hr {
-    border: 0;
-    border-bottom: 1px solid $color-gray-light;
-    margin-top: $gap * 4;
-    margin-bottom: $gap * 4;
-  }
-
   .links {
     justify-content: flex-start;
 

styles/sections/_reports.scss

@@ -8,7 +8,6 @@
   &__col {
     hr {
       margin: (2 * $gap) 0;
-      border-bottom: 1px solid $color-gray-lightest;
     }
 
     @include media($medium-screen) {

styles/sections/_task_order.scss

@@ -29,10 +29,8 @@
   }
 
   hr {
-    border: 0;
-    margin-top: $gap * 4;
-    margin-bottom: $gap * 4;
-    border-bottom: 1px solid $color-gray-lighter;
+    margin-left: auto;
+    margin-right: auto;
   }
 
   table {