From 9e5028536d269b8b21a5bad10e58c4eb152daeae Mon Sep 17 00:00:00 2001
From: Simon Rettberg
Date: Mon, 29 Apr 2019 10:02:08 +0200
Subject: [statistics] Add captions to RAM/swap bar

---
 modules-available/statistics/style.css                   | 9 ++++++++-
 modules-available/statistics/templates/machine-main.html | 8 +++++---
 2 files changed, 13 insertions(+), 4 deletions(-)

diff --git a/modules-available/statistics/style.css b/modules-available/statistics/style.css
index dffe973b..1bfc2893 100644
--- a/modules-available/statistics/style.css
+++ b/modules-available/statistics/style.css
@@ -34,7 +34,6 @@
 
 .meter .text {
     position: absolute;
-    right: 5px;
     overflow: visible;
     font-size: 8pt;
     white-space: nowrap;
@@ -42,6 +41,14 @@
     text-shadow: #fff 1px 1px;
 }
 
+.meter .left {
+    left: 5px;
+}
+
+.meter .right {
+    right: 5px;
+}
+
 .warn {
     background: #F0AD4E;
     font-size: 75%;
diff --git a/modules-available/statistics/templates/machine-main.html b/modules-available/statistics/templates/machine-main.html
index 12f1d4c5..6052141c 100644
--- a/modules-available/statistics/templates/machine-main.html
+++ b/modules-available/statistics/templates/machine-main.html
@@ -229,13 +229,15 @@
 							</div>
 							{{#live_memsize}}
 							<div class="meter">
-								<div class="text">{{live_memfree_s}} {{lang_free}}</div>
+								<div class="text left">{{lang_ram}}</div>
+								<div class="text right">{{live_memfree_s}} {{lang_free}}</div>
 								<div class="bar" style="width:{{live_mempercent}}%"></div>
 							</div>
 							{{/live_memsize}}
 							{{#live_swapsize}}
 							<div class="meter">
-								<div class="text">{{live_swapfree_s}} {{lang_free}}</div>
+								<div class="text left">{{lang_swap}}</div>
+								<div class="text right">{{live_swapfree_s}} {{lang_free}}</div>
 								<div class="bar" style="width:{{live_swappercent}}%"></div>
 							</div>
 							{{/live_swapsize}}
@@ -260,7 +262,7 @@
 							</div>
 							{{#live_tmpsize}}
 								<div class="meter">
-									<div class="text">{{live_tmpfree_s}} {{lang_free}}</div>
+									<div class="text right">{{live_tmpfree_s}} {{lang_free}}</div>
 									<div class="bar" style="width:{{live_tmppercent}}%"></div>
 								</div>
 							{{/live_tmpsize}}
-- 
cgit v1.2.3-55-g7522