Move styles from admin to layout

These styles are used in places other than the admin section. In
particular, the `.button.small.success` style is no longer used in the
admin section but only in the verified user form.

Note: I'm not sure whether the `table .callout` selector matches any
element, either in the admin or in the public section, so I'm leaving it
where it was.

app/assets/stylesheets/admin.scss

@@ -9,7 +9,6 @@
 // 06. Polls
 // 07. Legislation
 // 08. CMS
-// 09. Map
 // 10. Budgets
 // 11. Newsletters
 //
@@ -230,14 +229,6 @@ $table-header:   #ecf1f6;
   display: none;
 }
 
-.input-group {
-
-  .input-group-button {
-    padding-bottom: rem-calc(16);
-    vertical-align: top;
-  }
-}
-
 .sortable thead th:hover {
   cursor: pointer;
   text-decoration: underline;
@@ -247,10 +238,6 @@ $table-header:   #ecf1f6;
   color: $color-success;
 }
 
-.disabled {
-  color: $text-medium;
-}
-
 .icon-sortable {
   font-family: "Font Awesome 5 Free";
   font-size: $small-font-size;
@@ -309,24 +296,6 @@ code {
 // 03. List elements
 // -----------------
 
-.delete {
-  border-bottom: 1px dotted;
-  color: $delete;
-  font-size: $small-font-size;
-
-  &:hover,
-  &:active,
-  &:focus {
-    border-bottom-color: transparent;
-    color: color.adjust($delete, $lightness: -10%);
-  }
-}
-
-[class^="icon-"].delete {
-  border: 0;
-  font-size: $base-font-size;
-}
-
 .rejected {
   color: $delete;
 }
@@ -344,14 +313,6 @@ code {
   padding: rem-calc(6) rem-calc(12);
 }
 
-.button.small.success {
-  margin-left: rem-calc(12);
-
-  &.no-margin {
-    margin-left: 0;
-  }
-}
-
 .moderation-description {
   max-height: rem-calc(65);
   max-width: rem-calc(700);
@@ -554,35 +515,6 @@ table {
   }
 }
 
-.field {
-  margin-bottom: 1rem;
-
-  @include breakpoint(medium) {
-    margin-bottom: 0;
-  }
-
-  a {
-    color: $delete;
-    line-height: 3rem;
-
-    span {
-      text-decoration: underline;
-    }
-
-    .icon-x {
-      line-height: 0;
-      text-decoration: none;
-      vertical-align: sub;
-    }
-
-    &:active,
-    &:focus,
-    &:hover {
-      text-decoration: none;
-    }
-  }
-}
-
 .fullscreen-container {
 
   a {
@@ -761,54 +693,6 @@ table {
   }
 }
 
-// 09. Map
-// --------------
-
-.map {
-  height: 350px;
-  width: 100%;
-
-  .map-marker {
-    left: 50%;
-    margin-top: -5px;
-    position: absolute;
-    top: 50%;
-    visibility: visible;
-
-    .map-icon {
-      background: #00cae9;
-      border-radius: 50% 50% 50% 0;
-      height: 30px;
-      transform: rotate(-45deg);
-      width: 30px;
-    }
-
-    .map-icon::after {
-      background: #fff;
-      border-radius: 50%;
-      content: "";
-      height: 14px;
-      margin: 8px 0 0 8px;
-      position: absolute;
-      width: 14px;
-    }
-  }
-
-  .map-attributtion {
-    height: auto;
-    visibility: visible;
-  }
-}
-
-.map-marker {
-  visibility: hidden;
-}
-
-.map-attributtion {
-  height: 0;
-  visibility: hidden;
-}
-
 // 10. Budgets
 // -----------------
 

app/assets/stylesheets/layout.scss

@@ -10,6 +10,7 @@
 // 06. Forms
 // 07. Callout
 // 08. User account
+// 09. Map
 // 10. Official levels
 // 11. Tables
 // 12. Social
@@ -487,6 +488,25 @@ button,
   }
 }
 
+.delete {
+  border-bottom: 1px dotted;
+  color: $delete;
+  font-size: $small-font-size;
+
+  &:hover,
+  &:active,
+  &:focus {
+    border-bottom-color: transparent;
+    color: color.adjust($delete, $lightness: -10%);
+  }
+}
+
+[class^="icon-"].delete {
+  border: 0;
+  font-size: $base-font-size;
+}
+
+
 // 02. Header
 // ----------
 
@@ -934,6 +954,55 @@ form {
   }
 }
 
+.input-group {
+
+  .input-group-button {
+    padding-bottom: rem-calc(16);
+    vertical-align: top;
+  }
+}
+
+.disabled {
+  color: $text-medium;
+}
+
+.button.small.success {
+  margin-left: rem-calc(12);
+
+  &.no-margin {
+    margin-left: 0;
+  }
+}
+
+.field {
+  margin-bottom: 1rem;
+
+  @include breakpoint(medium) {
+    margin-bottom: 0;
+  }
+
+  a {
+    color: $delete;
+    line-height: 3rem;
+
+    span {
+      text-decoration: underline;
+    }
+
+    .icon-x {
+      line-height: 0;
+      text-decoration: none;
+      vertical-align: sub;
+    }
+
+    &:active,
+    &:focus,
+    &:hover {
+      text-decoration: none;
+    }
+  }
+}
+
 .translatable-fields {
 
   &.highlight {
@@ -1180,6 +1249,54 @@ form {
   }
 }
 
+// 09. Map
+// -------
+
+.map {
+  height: 350px;
+  width: 100%;
+
+  .map-marker {
+    left: 50%;
+    margin-top: -5px;
+    position: absolute;
+    top: 50%;
+    visibility: visible;
+
+    .map-icon {
+      background: #00cae9;
+      border-radius: 50% 50% 50% 0;
+      height: 30px;
+      transform: rotate(-45deg);
+      width: 30px;
+    }
+
+    .map-icon::after {
+      background: #fff;
+      border-radius: 50%;
+      content: "";
+      height: 14px;
+      margin: 8px 0 0 8px;
+      position: absolute;
+      width: 14px;
+    }
+  }
+
+  .map-attributtion {
+    height: auto;
+    visibility: visible;
+  }
+}
+
+.map-marker {
+  visibility: hidden;
+}
+
+.map-attributtion {
+  height: 0;
+  visibility: hidden;
+}
+
 // 10. Officials levels
 // --------------------