feat: Add initial log

1 files changed, 31 insertions, 4 deletions

diff --git a/scss/main.scss b/scss/main.scss
index deea23b..9f17dad 100644
--- a/scss/main.scss
+++ b/scss/main.scss
@@ -26,10 +26,6 @@ body {
     margin: 0;
 }
 
-.card-body {
-  padding: 5px;
-}
-
 .navbar-nav {
   margin-top: 0px
 }
@@ -65,3 +61,34 @@ body {
     display: grid;
     overflow-x: auto;
 }
+
+.logs {
+  >div:nth-child(odd) {
+    background: #f8f9fa;
+  }
+
+  >div {
+    padding: 10px;
+  }
+
+  pre {
+    white-space: break-spaces;
+    margin: 0;
+  }
+}
+
+.logs pre::first-line {
+  font-weight: bold;
+}
+
+@include media-breakpoint-down(sm) {
+  // add extra spacing then list is seen on vertical
+  .logs>div>div:first-child {
+    margin-bottom: 15px;
+  }
+  .logs>div>div:last-child {
+    margin-top: 15px;
+  }
+}
+
+