Fix styles of template list to display better on mobile

5 years ago · 6be934a6c9
1 changed files with 3 additions and 3 deletions
--- a/packages/builder/src/components/start/TemplateList.svelte
+++ b/packages/builder/src/components/start/TemplateList.svelte
@ -87,10 +87,10 @@
  }
  .template {
-    height: 60px;
+    min-height: 60px;
    display: grid;
-    grid-gap: var(--layout-m);
+    grid-gap: var(--layout-s);
-    grid-template-columns: 5% 1fr 15%;
+    grid-template-columns: auto 1fr auto;
    border: 1px solid #494949;
    align-items: center;
    cursor: pointer;