format alias-log

app/dashboard/templates/dashboard/alias_log.html

@@ -3,64 +3,64 @@
 {% set active_page = "dashboard" %}
 {% block head %}
   <style>
-{#  https://bootsnipp.com/snippets/rljEW#}
-.card-counter{
-    box-shadow: 2px 2px 10px #DADADA;
-    margin: 5px;
-    padding: 20px 10px;
-    background-color: #fff;
-    height: 100px;
-    border-radius: 5px;
-    transition: .3s linear all;
-  }
+    {#  https://bootsnipp.com/snippets/rljEW#}
+    .card-counter {
+      box-shadow: 2px 2px 10px #DADADA;
+      margin: 5px;
+      padding: 20px 10px;
+      background-color: #fff;
+      height: 100px;
+      border-radius: 5px;
+      transition: .3s linear all;
+    }
 
-  .card-counter:hover{
-    box-shadow: 4px 4px 20px #DADADA;
-    transition: .3s linear all;
-  }
+    .card-counter:hover {
+      box-shadow: 4px 4px 20px #DADADA;
+      transition: .3s linear all;
+    }
 
-  .card-counter.primary{
-    background-color: #007bff;
-    color: #FFF;
-  }
+    .card-counter.primary {
+      background-color: #007bff;
+      color: #FFF;
+    }
 
-  .card-counter.danger{
-    background-color: #ef5350;
-    color: #FFF;
-  }
+    .card-counter.danger {
+      background-color: #ef5350;
+      color: #FFF;
+    }
 
-  .card-counter.success{
-    background-color: #66bb6a;
-    color: #FFF;
-  }
+    .card-counter.success {
+      background-color: #66bb6a;
+      color: #FFF;
+    }
 
-  .card-counter.info{
-    background-color: #26c6da;
-    color: #FFF;
-  }
+    .card-counter.info {
+      background-color: #26c6da;
+      color: #FFF;
+    }
 
-  .card-counter i{
-    font-size: 5em;
-    opacity: 0.2;
-  }
+    .card-counter i {
+      font-size: 5em;
+      opacity: 0.2;
+    }
 
-  .card-counter .count-numbers{
-    position: absolute;
-    right: 35px;
-    top: 20px;
-    font-size: 32px;
-    display: block;
-  }
+    .card-counter .count-numbers {
+      position: absolute;
+      right: 35px;
+      top: 20px;
+      font-size: 32px;
+      display: block;
+    }
 
-  .card-counter .count-name{
-    position: absolute;
-    right: 35px;
-    top: 65px;
-    text-transform: capitalize;
-    opacity: 0.5;
-    display: block;
-    font-size: 18px;
-  }
+    .card-counter .count-name {
+      position: absolute;
+      right: 35px;
+      top: 65px;
+      text-transform: capitalize;
+      opacity: 0.5;
+      display: block;
+      font-size: 18px;
+    }
   </style>
 {% endblock %}
 {% block title %}
@@ -73,37 +73,37 @@
       {{ alias }}
     </h3>
   </div>
-    <div class="row">
-        <div class="col-md-3 col-sm-6">
-            <div class="card-counter primary">
-                <i class="fa fa-at"></i>
-                <span class="count-numbers">{{ total }}</span>
-                <span class="count-name">Email Handled</span>
-            </div>
-        </div>
-        <div class="col-md-3 col-sm-6">
-            <div class="card-counter primary">
-                <i class="fa fa-paper-plane"></i>
-                <span class="count-numbers">{{ email_forwarded }}</span>
-                <span class="count-name">Email Forwarded</span>
-            </div>
-        </div>
-        <div class="col-md-3 col-sm-6">
-            <div class="card-counter primary">
-                <i class="fa fa-reply"></i>
-                <span class="count-numbers">{{ email_replied }}</span>
-                <span class="count-name">Email Replied</span>
-            </div>
-        </div>
-        <div class="col-md-3 col-sm-6">
-             <div class="card-counter danger">
-                <i class="fa fa-ban"></i>
-                <span class="count-numbers">{{ email_blocked }}</span>
-            <span class="count-name">Email Blocked</span>
-            </div>
-        </div>
+  <div class="row">
+    <div class="col-md-3 col-sm-6">
+      <div class="card-counter primary">
+        <i class="fa fa-at"></i>
+        <span class="count-numbers">{{ total }}</span>
+        <span class="count-name">Email Handled</span>
+      </div>
     </div>
-    <h2 class="pt-4">Activities</h2>
+    <div class="col-md-3 col-sm-6">
+      <div class="card-counter primary">
+        <i class="fa fa-paper-plane"></i>
+        <span class="count-numbers">{{ email_forwarded }}</span>
+        <span class="count-name">Email Forwarded</span>
+      </div>
+    </div>
+    <div class="col-md-3 col-sm-6">
+      <div class="card-counter primary">
+        <i class="fa fa-reply"></i>
+        <span class="count-numbers">{{ email_replied }}</span>
+        <span class="count-name">Email Replied</span>
+      </div>
+    </div>
+    <div class="col-md-3 col-sm-6">
+      <div class="card-counter danger">
+        <i class="fa fa-ban"></i>
+        <span class="count-numbers">{{ email_blocked }}</span>
+        <span class="count-name">Email Blocked</span>
+      </div>
+    </div>
+  </div>
+  <h2 class="pt-4">Activities</h2>
   <div class="row">
     {% for log in logs %}
       <div class="col-12">
@@ -134,7 +134,8 @@
   <nav aria-label="Alias log navigation">
     <ul class="pagination">
       <li class="page-item {% if page_id == 0 %}disabled{% endif %}">
-        <a class="page-link" href="{{ url_for('dashboard.alias_log', alias_id=alias_id, page_id=page_id-1) }}">Previous</a>
+        <a class="page-link"
+           href="{{ url_for('dashboard.alias_log', alias_id=alias_id, page_id=page_id-1) }}">Previous</a>
       </li>
       <li class="page-item {% if last_page %}disabled{% endif %}">
         <a class="page-link" href="{{ url_for('dashboard.alias_log', alias_id=alias_id, page_id=page_id+1) }}">Next</a>