Fix floating camera icon

emfcamp · May 28, 2024 · 538fc15 · 538fc15
1 parent ae382d3
commit 538fc15
Showing 1 changed file with 7 additions and 9 deletions.
diff --git a/css/schedule.scss b/css/schedule.scss
@@ -49,20 +49,18 @@
 }
 
 .no-recording {
-  position: relative;
-  width: 32px;
-  height: 32px;
+  display: grid;
+  grid-template-columns: [overlay] 32px;
+  grid-template-rows: [overlay] 32px;
 
   .camera {
-    position: absolute;
-    top: 8px;
-    left: 6px;
+    grid-area: overlay;
+    margin-top: auto;
+    text-align: center;
   }
 
   .slash {
-    position: absolute;
-    top: 0;
-    left: 0;
+    grid-area: overlay;
     color: #e62b27;
   }
 }