Fix content padding

MuckRock · Feb 29, 2024 · 296341e · 296341e
1 parent 1a6e2c7
commit 296341e
Show file tree

Hide file tree

Showing 2 changed files with 25 additions and 18 deletions.
diff --git a/src/lib/components/ContentLayout.svelte b/src/lib/components/ContentLayout.svelte
@@ -37,7 +37,6 @@
     display: flex;
     flex-direction: column;
     justify-content: center;
-    padding: 0 1.25jrem;
   }
   footer {
     flex: 0 0 0;

diff --git a/src/lib/components/documents/ResultsList.svelte b/src/lib/components/documents/ResultsList.svelte
@@ -25,21 +25,29 @@
   }
 </script>
 
-{#if !results}
-  <Empty icon={Hourglass24}>Loading…</Empty>
-{:else}
-  {#each results.results as document (document.id)}
-    <Flex gap={0.625} align="center">
-      <Checkbox
-        checked={$selected.includes(document.id)}
-        on:change={(event) => updateSelection(event, document.id)}
-      />
-      <DocumentListItem {document} />
-    </Flex>
+<div class="container">
+  {#if !results}
+    <Empty icon={Hourglass24}>Loading…</Empty>
   {:else}
-    <Empty icon={Search24}>
-      <h2>{$_("noDocuments.noSearchResults")}</h2>
-      <p>{$_("noDocuments.queryNoResults")}</p>
-    </Empty>
-  {/each}
-{/if}
+    {#each results.results as document (document.id)}
+      <Flex gap={0.625} align="center">
+        <Checkbox
+          checked={$selected.includes(document.id)}
+          on:change={(event) => updateSelection(event, document.id)}
+        />
+        <DocumentListItem {document} />
+      </Flex>
+    {:else}
+      <Empty icon={Search24}>
+        <h2>{$_("noDocuments.noSearchResults")}</h2>
+        <p>{$_("noDocuments.queryNoResults")}</p>
+      </Empty>
+    {/each}
+  {/if}
+</div>
+
+<style>
+  .container {
+    padding: 0 2rem;
+  }
+</style>