client-app/app/styles/app.css in logster-2.15.0 vs client-app/app/styles/app.css in logster-2.16.0

@@ -50,13 +50,23 @@
   height: 30px;
   animation: spin 1s linear infinite;
   margin: 40dvh auto;
 }
 
+.message-row-wrapper {
+  display: flex;
+  width: inherit;
+
+  .grouping-checkbox {
+    margin: 0;
+  }
+}
+
 .message-row {
   font-family: "Roboto";
   display: flex;
+  width: inherit;
 }
 
 .message-row .severity,
 .message-row .protected {
   text-align: center;
@@ -304,11 +314,11 @@
 label span {
   vertical-align: middle;
 }
 
 .severity-filters label {
-  margin-right: 18px;
+  margin-right: 10px;
 }
 
 .search-clear-all .clear {
   float: right;
   vertical-align: middle;
@@ -394,11 +404,11 @@
 }
 
 .btn {
   display: inline-block;
   margin: 0;
-  padding: 5px 12px;
+  padding: 5px 8px;
   font-size: 1em;
   line-height: 0;
   text-align: center;
   cursor: pointer;
   transition: all 0.25s;
@@ -453,11 +463,10 @@
 }
 
 .search-clear-all .footer-btns .settings {
   height: 100%;
   box-sizing: border-box;
-  margin: 0 7px 0 7px;
   display: inline-flex;
   align-items: center;
 }
 
 .search-clear-all {
@@ -469,15 +478,15 @@
   min-width: 0;
   flex-shrink: 2;
 }
 
 .footer-btns {
-  flex-grow: 0;
-  flex-shrink: 0;
+  display: flex;
+  gap: 0.7em;
 }
 
-@media (min-width: 771px) {
+@media (min-width: 871px) {
   .severity-filters,
   .search-clear-all {
     height: 100%;
   }
   .severity-filters,
@@ -495,10 +504,10 @@
   .message-info {
     bottom: 45px;
   }
 }
 
-@media (max-width: 770px) {
+@media (max-width: 870px) {
   .severity-filters {
     padding: 10px;
   }
   .search-clear-all {
     padding: 10px;