Merge branch 'main' into 300-sortable-searchable-schemes

Author: sroertgen

src/components/header.jsx

@@ -66,17 +66,17 @@ const Header = ({ siteTitle }) => {
       padding: 0;
       list-style: none;
       display: inline-block;
-      width: 80px;
       text-align: right;
 
       li {
-        margin: 0 0 0 5px;
         display: inline;
 
         button {
           background: none;
+          width: 2rem;
+          height: 2rem;
           display: inline-block;
-          padding: 5px;
+          margin: 2px;
           color: ${config.colors.skoHubMiddleGrey};
           border: 1px solid ${config.colors.skoHubMiddleGrey};
           border-radius: 30px;
@@ -91,7 +91,6 @@ const Header = ({ siteTitle }) => {
           color: black;
           font-weight: bold;
           display: inline-block;
-          padding: 5px;
           border: 1px solid ${config.colors.skoHubLightColor};
           border-radius: 30px;
         }

src/components/layout.jsx

@@ -151,6 +151,28 @@ const Layout = ({ children }) => {
             }
           }
 
+          table {
+            border-collapse: collapse;
+            margin-bottom: 1rem;
+            color: #212529;
+            width: 100%;
+          }
+
+          table :is(td, th) {
+            padding: 0.75rem;
+            vertical-align: top;
+            border-top: 1px solid #dee2e6ff;
+          }
+            
+          table :is(thead) :is(th) {
+            vertical-align: bottom;
+            border-bottom: 2px solid #dee2e6ff;
+            background-color: #f8f9faff;
+          }
+          table :is(tbody) {
+            border-top: 2px solid #dee2e6ff;
+          }
+
           .inputStyle {
             background-color: ${config.colors.skoHubWhite};
             cursor: pointer;