System Info - structuring output

by building up segments

html/index.html

@@ -190,18 +190,25 @@
 					<!-- Standard-Panel-Inhalt -->
 					<div class="panel-heading">System Info<span class="pull-right clickable"><i class="glyphicon glyphicon-chevron-up"></i></span></div>
 					<div class="panel-body">
+						<b>CPU:</b>
 						<ul>
-							<li>CPU Temperature: <span id="cputemp"></span> °C</li>
-							<li>CPU Frequency: <span id="cpufrg"></span> MHz</li>
-							<li>CPU Usage: <span id="cpuusage"></span> %</li>
-							<li>RAM Total: <span id="ram_total"></span> MB</li>
-							<li>RAM Used: <span id="ram_used"></span> MB</li>
-							<li>RAM Free: <span id="ram_free"></span> MB</li>
-							<li>RAM Usage: <span id="ram_percent_used"></span> %</li>
-							<li>Disk Total: <span id="disk_total"></span> GB</li>
-							<li>Disk Used: <span id="disk_used"></span> GB</li>
-							<li>Disk Free: <span id="disk_free"></span> GB</li>
-							<li>Disk Usage: <span id="disk_percent_used"></span> %</li>
+							<li>Temperature: <span id="cputemp"></span> °C</li>
+							<li>Frequency: <span id="cpufrg"></span> MHz</li>
+							<li>Usage: <span id="cpuusage"></span> %</li>
+						</ul>
+						<b>Memory:</b>
+						<ul>
+							<li>Total: <span id="ram_total"></span> MB</li>
+							<li>Used: <span id="ram_used"></span> MB</li>
+							<li>Free: <span id="ram_free"></span> MB</li>
+							<li>Usage: <span id="ram_percent_used"></span> %</li>
+						</ul>
+						<b>Disk:</b>
+						<ul>
+							<li>Total: <span id="disk_total"></span> GB</li>
+							<li>Used: <span id="disk_used"></span> GB</li>
+							<li>Free: <span id="disk_free"></span> GB</li>
+							<li>Usage: <span id="disk_percent_used"></span> %</li>
 						</ul>
 					</div>
 				</div>