feat: ui changes; ci: add tests

1 files changed, 83 insertions, 15 deletions

diff --git a/src/marlin.web/wwwroot/css/site.css b/src/marlin.web/wwwroot/css/site.css
index d5d64db..ed1000b 100644
--- a/src/marlin.web/wwwroot/css/site.css
+++ b/src/marlin.web/wwwroot/css/site.css
@@ -30,26 +30,22 @@ dd {
   grid-column-start: 2;
 }
 
-.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
-  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
-}
-
 html {
   position: relative;
   min-height: 100%;
 }
 
 body {
-  margin-bottom: 60px;
+  font-family: serif;
 }
 
-.form-floating > .form-control-plaintext::placeholder, .form-floating > .form-control::placeholder {
-  color: var(--bs-secondary-color);
-  text-align: end;
+main {
+  padding: 1.2em;
 }
 
-.form-floating > .form-control-plaintext:focus::placeholder, .form-floating > .form-control:focus::placeholder {
-  text-align: start;
+footer {
+  border-top: solid 3px #ccc;
+  text-align: center;
 }
 
 table {
@@ -57,11 +53,6 @@ table {
   width: 100%;
 }
 
-table.vertable td:first-child {
-  background-color: #f0f0f0;
-  font-weight: bold;
-}
-
 table tr:hover {
   background-color: #fafafa
 }
@@ -87,4 +78,81 @@ th {
 th a {
   text-decoration: none;
   color: inherit;
+}
+
+.banner * {
+  margin: 0;
+  padding: 0;
+}
+
+.navbar {
+  border-bottom: solid 3px #ccc;
+}
+
+.navbar-list {
+  display: flex;
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+
+.navbar-item {
+  padding: 0;
+}
+
+.navbar-item a {
+  display: block;
+  padding: 1px 0.4em;
+  text-decoration: none;
+  color: inherit;
+  line-height: 1.2;
+}
+
+.navbar-item a.active {
+  background-color: #ccc;
+}
+
+.navbar-crumbs {
+  margin: 0;
+  padding: 1px 0.4em;
+  background-color: #eee;
+  list-style: none;
+}
+
+.navbar-crumbs li {
+  display: inline;
+}
+
+.navbar-crumbs li:not(:first-child)::before {
+  content: "/";
+  margin: 0 5px;
+}
+
+.log-view {
+  font-family: 'Courier New', Courier, monospace;
+  background-color: #1e1e1e;
+  color: #d4d4d4;
+  padding: 1rem;
+  overflow: scroll;
+}
+
+.log-line {
+  border-left: 4px solid transparent;
+  display: block;
+  text-wrap-mode: nowrap;
+}
+
+.log-line.error {
+  border-left-color: #ef4444;
+  background-color: #ef44441a;
+}
+
+.groupbox {
+  
+}
+
+.groupbox-title {
+  display: block;
+  padding: 1px 0.4em;
+  background-color: #eee;
 }
\ No newline at end of file