feat: spruce up design

src/assets/styles/components/media-grid.css

@@ -3,32 +3,6 @@
   --grid-vertical: repeat(3,minmax(0,1fr));
 }
 
-.now-header {
-  margin: var(--sizing-3xl) 0 var(--sizing-lg);
-}
-
-.default-wrapper > .now-header:first-of-type {
-  margin-top: 0;
-}
-
-.now-header-buttons {
-  margin: 0 0 var(--sizing-lg);
-
-  & > button {
-    margin-bottom: var(--sizing-sm);
-
-    &:last-of-type {
-      margin-right: 0;
-    }
-  }
-}
-
-.now-header-wrapper {
-  display: flex;
-  flex-direction: column;
-  justify-content: space-between;
-}
-
 .media-grid {
   display: grid;
   gap: var(--sizing-sm);
@@ -60,7 +34,6 @@
       content: '';
       top: 0;
       left: 1px;
-      border-radius: calc(var(--sizing-xs) * .85);
       box-shadow: inset 0 -70px 50px -40px #000;
       width: calc(100% - 2px);
       height: calc(100% - 1px);
@@ -103,7 +76,6 @@
 
   & img {
     border: 1px solid var(--accent-color);
-    border-radius: var(--rounded);
     transition-property: border-color;
     transition-timing-function: var(--transition-ease-in-out);
     transition-duration: 300ms;
@@ -115,16 +87,4 @@
     --grid-square: repeat(4,minmax(0,1fr));
     --grid-vertical: repeat(6,minmax(0,1fr));
   }
-
-  .now-header-wrapper {
-    flex-direction: row;
-  }
-
-  .now-header-buttons {
-    margin: var(--sizing-3xl) 0 var(--sizing-lg);
-
-    & > button {
-      margin-bottom: 0;
-    }
-  }
 }