Initial Commit

static/css/logview.css

@@ -0,0 +1,84 @@
+body {
+    background-color: #fff;
+    overflow-x: hidden;
+}
+
+/* Toolbar theming */
+md-toolbar.md-menu-toolbar {
+    min-height: 90px;
+}
+
+md-toolbar .md-toolbar-tools md-button,
+md-toolbar .md-toolbar-tools .md-button {
+    margin-top: 2rem;
+    color: rgb(0, 162, 232) !important;
+    font-size: 20px;
+    font-weight: 600;
+}
+
+table > tbody > tr:nth-child(odd) {
+    background-color: #f2f2f2;
+}
+
+table > tbody > tr:hover {
+    background-color: #d8ffff;
+}
+
+th {
+    padding-right: 4em;
+    width: 15%;
+    text-align: center;
+}
+
+th.count {
+    padding-right: 0;
+    max-width: 1%;
+    width: 1%;
+}
+
+td {
+    text-align: center;
+}
+
+md-input-container { 
+    margin: 18px 10px;
+    margin-top: 3rem;
+}
+md-input-container .md-input-focused { margin-top: 4rem; }
+
+.resetbtn {
+    width: unset;
+    margin-left: 5rem;
+    margin-top: 1rem;
+}
+
+.nav {
+    position: absolute; 
+    right: 2rem;
+    top: 1.5rem;
+}
+
+/* Cards/panels */
+
+md-card {
+    border-radius: 4px;
+    border-color: #ddd;
+}
+
+/* Media Queries */
+@media (min-width: 1280px) {
+    /* Add side spacing if the screen is big enough */
+    div.layout-column > md-card:first-of-type,
+    div.layout-row > md-card:first-of-type {
+        margin-left: 5rem;
+    }
+    div.layout-column > md-card:last-of-type,
+    div.layout-row > md-card:last-of-type {
+        margin-right: 5rem;
+    }
+
+    md-toolbar.md-menu-toolbar {
+        margin-left: 4rem;
+    }
+}
+