Visual fixes

2021-01-29 20:49:13 -07:00
parent 9d62931af9
commit 01703aff43
3 changed files with 92 additions and 77 deletions
--- a/pages/mod/_id/versions.vue
+++ b/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) {