fix: adjust quota css

Author: laurynasgadl

frontend/src/components/Quota.vue

@@ -2,17 +2,17 @@
   <div id="quota">
     <div>
       <div class="label">
-        <span>{{ $t("sidebar.quota.space") }}</span>
-        <span v-if="loaded" class="metric">{{ spaceUsageTitle }}</span>
+        <div>{{ $t("sidebar.quota.space") }}</div>
+        <div v-if="loaded" class="metric">{{ spaceUsageTitle }}</div>
       </div>
       <div class="bar" :title="spaceProgress + '%'">
         <div class="progress" :style="{ width: spaceProgress + '%' }"></div>
       </div>
     </div>
     <div>
       <div class="label">
-        <span>{{ $t("sidebar.quota.inodes") }}</span>
-        <span v-if="loaded" class="metric">{{ inodeUsageTitle }}</span>
+        <div>{{ $t("sidebar.quota.inodes") }}</div>
+        <div v-if="loaded" class="metric">{{ inodeUsageTitle }}</div>
       </div>
       <div class="bar" :title="inodeProgress + '%'">
         <div class="progress" :style="{ width: inodeProgress + '%' }"></div>

frontend/src/components/files/ContextMenu.vue

@@ -111,7 +111,10 @@ export default {
         copy: this.selectedCount > 0 && this.user.perm.create,
         permissions: this.selectedCount === 1 && this.user.perm.modify,
         archive: this.selectedCount > 0 && this.user.perm.create,
-        unarchive: this.selectedCount === 1 && this.onlyArchivesSelected && this.user.perm.create,
+        unarchive:
+          this.selectedCount === 1 &&
+          this.onlyArchivesSelected &&
+          this.user.perm.create,
       };
     },
   },

frontend/src/css/base.css

@@ -150,15 +150,17 @@ main {
 }
 
 #quota > div + div {
-  margin-top: .5em;
+  margin-top: .8em;
 }
 
 #quota .label {
   color: #546E7A;
+  font-weight: 500;
 }
 
 #quota .label .metric {
-  float: right;
+  font-weight: 100;
+  margin: .2em 0
 }
 
 #quota .bar {

frontend/src/views/files/Listing.vue

@@ -395,7 +395,10 @@ export default {
         copy: this.selectedCount > 0 && this.user.perm.create,
         permissions: this.selectedCount === 1 && this.user.perm.modify,
         archive: this.selectedCount > 0 && this.user.perm.create,
-        unarchive: this.selectedCount === 1 && this.onlyArchivesSelected && this.user.perm.create,
+        unarchive:
+          this.selectedCount === 1 &&
+          this.onlyArchivesSelected &&
+          this.user.perm.create,
       };
     },
     isMobile() {