From 0e06a1c6797d8ac99a7b1b0c2041d9265d03ce35 Mon Sep 17 00:00:00 2001
From: RumovZ <gp5glkw78@relay.firefox.com>
Date: Mon, 17 Jan 2022 06:04:25 +0100
Subject: [PATCH] Webview margins (#1583)

* Improve side margins in card info screen

* Improve top margin in deck options screen

* Hide revlog time of day on narrow screens

* Remove monospace for now (dae)
---
 ts/card-info/CardInfo.svelte          | 2 +-
 ts/card-info/Revlog.svelte            | 5 ++++-
 ts/deck-options/ConfigSelector.svelte | 2 +-
 3 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/ts/card-info/CardInfo.svelte b/ts/card-info/CardInfo.svelte
index 122fc3e4d..2c9d05497 100644
--- a/ts/card-info/CardInfo.svelte
+++ b/ts/card-info/CardInfo.svelte
@@ -39,7 +39,7 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
     }
 </script>
 
-<Container breakpoint="md" --gutter-inline="0.25rem" --gutter-block="0.5rem">
+<Container breakpoint="md" --gutter-inline="1rem" --gutter-block="0.5rem">
     {#if stats}
         <Row>
             <CardStats {stats} />
diff --git a/ts/card-info/Revlog.svelte b/ts/card-info/Revlog.svelte
index 44e011566..3611b6b71 100644
--- a/ts/card-info/Revlog.svelte
+++ b/ts/card-info/Revlog.svelte
@@ -82,7 +82,10 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
             <div class="column-head">{tr2.cardStatsReviewLogDate()}</div>
             <div class="column-content">
                 {#each revlogRows as row, _index}
-                    <div><b>{row.date}</b> @ {row.time}</div>
+                    <div>
+                        <b>{row.date}</b>
+                        <span class="hidden-xs">@ {row.time}</span>
+                    </div>
                 {/each}
             </div>
         </div>
diff --git a/ts/deck-options/ConfigSelector.svelte b/ts/deck-options/ConfigSelector.svelte
index 42ed9ad3f..e7d3dab26 100644
--- a/ts/deck-options/ConfigSelector.svelte
+++ b/ts/deck-options/ConfigSelector.svelte
@@ -87,7 +87,7 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
     bind:modalKey
 />
 
-<StickyContainer --gutter-block="0.1rem" --sticky-borders="0 0 1px" breakpoint="sm">
+<StickyContainer --gutter-block="0.5rem" --sticky-borders="0 0 1px" breakpoint="sm">
     <ButtonToolbar class="justify-content-between" size={2.3} wrap={false}>
         <Item>
             <ButtonGroup class="flex-grow-1">