Add scrollbar to away progress, change toggle option modals to be 3 columns

public/stylesheets/styles.css

@@ -1651,6 +1651,12 @@ br {
   box-sizing: border-box;
 }
 
+.o-primary-btn--modal-option {
+  width: 16rem;
+  height: 6.5rem;
+  margin: 0.3rem;
+}
+
 .o-primary-btn--option-wide {
   width: 24rem;
   height: 5.5rem;
@@ -5296,7 +5302,7 @@ br {
 
 .c-modal--short {
   overflow-y: scroll;
-  height: 55rem;
+  max-height: 55rem;
 }
 
 .c-modal__title {

src/components/ModalOptionsToggleButton.vue

@@ -7,11 +7,6 @@ export default {
     PrimaryToggleButton
   },
   props: {
-    isWide: {
-      type: Boolean,
-      required: false,
-      default: true,
-    },
     value: {
       type: Boolean,
       required: false,
@@ -23,12 +18,6 @@ export default {
     }
   },
   computed: {
-    classObject() {
-      return {
-        "o-primary-btn--option": !this.isWide,
-        "o-primary-btn--option-wide": this.isWide,
-      };
-    },
     styleObject() {
       return {
         "background-color": this.value ? "var(--color-good)" : "var(--color-gh-purple)",
@@ -42,7 +31,7 @@ export default {
   <PrimaryToggleButton
     :value="value"
     :label="text"
-    :class="classObject"
+    class="o-primary-btn--modal-option"
     :style="styleObject"
     @input="emitInput"
   />

src/components/modals/AwayProgressModal.vue

@@ -58,7 +58,7 @@ export default {
     </div>
     <div
       v-if="!nothingHappened"
-      class="c-modal-away-progress__resources"
+      class="c-modal-away-progress__resources c-modal--short"
     >
       <AwayProgressEntry
         v-for="name of offlineStats"

src/components/modals/options/GlyphDisplayOptionsModal.vue

@@ -109,13 +109,13 @@ export default {
 <style scoped>
 .c-dropdown-btn {
   width: 24rem;
-  margin: 0.5rem;
+  margin: 0.3rem;
   padding: 0;
 }
 
 .c-dropdown-header {
-  padding: 0.75rem;
-  height: 5.5rem;
+  padding: 0.9rem;
+  height: 6.5rem;
   user-select: none;
 }
 </style>