summaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
-rw-r--r--js/messaging.js2
-rw-r--r--pages-src/messaging.bvr18
-rw-r--r--pages/messaging.html18
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">