style(templates): enhance UI appearance in Jinja templates

Author: amerkurev

app/scan/scanner.py

@@ -241,7 +241,7 @@ def scan(self):
             total = 0
             num = 0
             start = time.perf_counter()
-            self.logger.debug('Scanning bind mounts...')
+            self.logger.info('Scanning bind mounts...')
 
             kv.clear()  # clear previous calculations
 
@@ -421,7 +421,7 @@ def scan(self):
             total = 0
             num = 0
             start = time.perf_counter()
-            self.logger.debug('Scanning overlay2 storage driver...')
+            self.logger.info('Scanning overlay2 storage driver...')
 
             kv.clear()  # clear previous calculations
 

app/templates/charts.html

@@ -2,10 +2,10 @@
   <div class="uk-margin-medium-top">
     <div uk-grid>
       <div class="uk-width-1-2@m">
+        {% if image %}
         <div class="uk-width-1-1 uk-text-center">
           Docker Disk Usage
         </div>
-        {% if image %}
         <div id="du-chart" class="uk-width-1-1 uk-height-large"></div>
         <div id="du-chart-image"
              data-value="{{ image.total_size or 0 }}"
@@ -28,16 +28,16 @@
              data-num="{{ build_cache.num }}"
              data-name="Build Cache"></div>
         {% else %}
-        <div class="uk-width-1-1 uk-text-center uk-margin-large-top">
-          Docker Disk Usage has not been calculated yet.
+        <div class="uk-width-1-1 uk-text-center">
+          Docker Disk Usage has not been calculated yet...
         </div>
         {% endif %}
       </div>
       <div class="uk-width-1-2@m">
+        {% if overlay2.num %}
         <div class="uk-width-1-1 uk-text-center">
           Overlay2 Usage
         </div>
-        {% if overlay2 %}
         <div id="overlay2-chart" class="uk-width-1-1 uk-height-large"></div>
         <div id="overlay2-chart-in-use"
              data-value="{{ overlay2_in_use.total_size or 0 }}"
@@ -48,8 +48,8 @@
              data-num="{{ overlay2_not_in_use.num }}"
              data-name="Not In Use"></div>
         {% else %}
-        <div class="uk-width-1-1 uk-text-center uk-margin-large-top">
-          Overlay2 has not been calculated yet.
+        <div class="uk-width-1-1 uk-text-center">
+          Overlay2 has not been calculated yet...
         </div>
         {% endif %}
       </div>

app/templates/pages/logs.html

@@ -7,7 +7,7 @@
       <thead class="uk-text-secondary">
           <tr>
               <th>Container&nbsp;ID</th>
-              <th>Container&nbsp;Name</th>
+              <th>Container</th>
               <th>Image</th>
               <th>Size</th>
               <th>Log&nbsp;File</th>

app/templates/summary.html

@@ -30,7 +30,7 @@ <h1 class="uk-heading-small uk-margin-remove-vertical lato-font">
         {% endif %}
       </div>
       <div class="uk-width-1-2@m">
-        {% if overlay2 %}
+        {% if overlay2.num %}
         <div class="uk-width-1-1 uk-text-center">
           Total Size
           <h1 class="uk-heading-small uk-margin-remove-vertical lato-font">