From 58cca3f008f4de07d6bb3e76d954027d39191cc2 Mon Sep 17 00:00:00 2001
From: rstular <rok@stular.eu>
Date: Thu, 14 May 2020 18:39:34 +0200
Subject: Moved storage notice

---
 js/messaging.js         |  2 +-
 pages-src/messaging.bvr | 18 +++++++-----------
 pages/messaging.html    | 18 +++++++-----------
 3 files changed, 15 insertions(+), 23 deletions(-)

diff --git a/js/messaging.js b/js/messaging.js
index a061ca9..0768a49 100644
--- a/js/messaging.js
+++ b/js/messaging.js
@@ -357,7 +357,7 @@ function displayData(messageType) {
 
     $("#storage-bar").show();
     $("#storage-progressbar").width(Number(Number(getNumMessages(messageType) / 120) * 100).toFixed(2) + "%");
-    $("#storage-desc").html( `${getNumMessages(messageType)}/120 ${s("messages")} ${$("#storage-progressbar").width()}`);
+    $("#storage-stats").html(`${getNumMessages(messageType)}/120`);
 }
 
 // -1 = cumulative
diff --git a/pages-src/messaging.bvr b/pages-src/messaging.bvr
index dff3d00..83c61a9 100644
--- a/pages-src/messaging.bvr
+++ b/pages-src/messaging.bvr
@@ -51,21 +51,17 @@
     <div class="container">
         <div class="row">
 
-            <div class="row" id="storage-bar">
-                <div class="col s4">
-                    <x-su>messageStorageUsed</x-su>: 
+            <div class="row grey-text text-darken-2" id="storage-bar">
+                <div class="col s6">
+                    <x-su>messageStorageUsed</x-su>: <span id="#storage-stats">0/120</span> <x-sl>messages</x-sl>
                 </div>
-                <div class="col s3" id="storage-desc">
-                    0/120 <x-sl>messages</x-sl> 10%
-                </div>
-                <div class="progress col s5">
+                <div class="progress col s6">
                     <div class="determinate" id="storage-progressbar" style="width: 0%"></div>
                 </div>
             </div>
-            <div class="row">
-                <p>
-                    <x-du>maxMessagesNote</x-du>
-                </p>
+
+            <div class="row grey-text text-darken-2" style="text-align: center;">
+                <x-du>maxMessagesNote</x-du>
             </div>
 
             <div class="col s12 m12">
diff --git a/pages/messaging.html b/pages/messaging.html
index 31c4749..ed733af 100644
--- a/pages/messaging.html
+++ b/pages/messaging.html
@@ -73,21 +73,17 @@
     <div class="container">
         <div class="row">
 
-            <div class="row" id="storage-bar">
-                <div class="col s4">
-                    <x-su>messageStorageUsed</x-su>: 
+            <div class="row grey-text text-darken-2" id="storage-bar">
+                <div class="col s6">
+                    <x-su>messageStorageUsed</x-su>: <span id="#storage-stats">0/120</span> <x-sl>messages</x-sl>
                 </div>
-                <div class="col s3" id="storage-desc">
-                    0/120 <x-sl>messages</x-sl> 10%
-                </div>
-                <div class="progress col s5">
+                <div class="progress col s6">
                     <div class="determinate" id="storage-progressbar" style="width: 0%"></div>
                 </div>
             </div>
-            <div class="row">
-                <p>
-                    <x-du>maxMessagesNote</x-du>
-                </p>
+
+            <div class="row grey-text text-darken-2" style="text-align: center;">
+                <x-du>maxMessagesNote</x-du>
             </div>
 
             <div class="col s12 m12">
-- 
cgit v1.2.3