Fix call list styling

2022-01-05 11:52:13 -08:00
parent d59f0e748d
commit 095b0287f0
3 changed files with 14 additions and 3 deletions
--- a/src/home/CallList.module.css
+++ b/src/home/CallList.module.css
@@ -1,5 +1,13 @@
+.callTileSpacer,
 .callTile {
  width: 329px;
+}
+
+.callTileSpacer {
+  height: 0;
+}
+
+.callTile {
  height: 95px;
  padding: 12px;
  background-color: var(--bgColor2);
@@ -51,8 +59,8 @@
 }

 .callList {
-  display: grid;
-  grid-template-columns: repeat(auto-fill, 329px);
+  display: flex;
+  flex-wrap: wrap;
  max-width: calc((329px + 24px) * 3);
  width: calc(100% - 48px);
  gap: 24px;