Dashboard-Header in <header>-Element umgebaut, Card-Grid und Mobile-Styles verfeinert

wwwroot/css/dashboard.css

@@ -2,22 +2,12 @@
   padding: var(--page-padding);
 }
 
-.dashboard-header {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  margin-bottom: var(--page-spacing);
-}
-
-.dashboard-title {
-  margin: 0;
-}
-
 .dashboard-link {
   color: var(--text);
   text-decoration: none;
   opacity: var(--semi-transparent);
   transition: opacity var(--transition-duration);
+  cursor: pointer;
 }
 
 .dashboard-link:hover {
@@ -39,7 +29,7 @@
 
 .card-grid {
   display: grid;
-  grid-template-columns: repeat(auto-fill, minmax(24em, 1fr));
+  grid-template-columns: repeat(auto-fill, minmax(22em, 1fr));
   gap: var(--box-spacing);
 }
 
@@ -70,7 +60,6 @@
   border-radius: var(--border-radius) var(--border-radius) 0 0;
   flex: 0 0 8em;
   height: 8em;
-  align-self: center;
   border-radius: var(--border-radius);
 }