Visual fixes

pages/dashboard/settings.vue

@@ -93,12 +93,9 @@
           will be removed from our servers. This cannot be reversed, so be
           careful!</span
         >
-        <input
-          type="button"
-          class="button"
-          value="Delete Account"
-          @click="deleteAccount"
-        />
+        <div type="button" class="button" @click="deleteAccount">
+          Delete Account
+        </div>
       </label>
     </section>
   </DashboardPage>
@@ -257,5 +254,15 @@ label {
   input[type='button']:hover {
     cursor: pointer;
   }
+
+  div,
+  a {
+    text-align: center;
+    height: fit-content;
+    flex: 1;
+  }
+  div:hover {
+    cursor: pointer;
+  }
 }
 </style>

pages/mod/_id/versions.vue

@@ -68,9 +68,11 @@
         </tr>
       </tbody>
     </table>
-    <nuxt-link v-if="currentMember" to="newversion" class="button">
-      New Version
-    </nuxt-link>
+    <div class="new-version">
+      <nuxt-link v-if="currentMember" to="newversion" class="button">
+        New Version
+      </nuxt-link>
+    </div>
   </ModPage>
 </template>
 <script>
@@ -294,8 +296,10 @@ table {
   }
 }
 
-.button {
-  float: right;
+.new-version {
+  width: 100%;
+  text-align: right;
+  margin-bottom: var(--spacing-card-md);
 }
 
 @media screen and (max-width: 400px) {