more layout tweaks

- reduce maximum width
- de-emphasise revert and info buttons
- reduce grid margin

ts/deckconfig/ConfigEntry.svelte

@@ -17,10 +17,10 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
 
 <style lang="scss">
     .outer {
-        margin-top: 1em;
         display: grid;
         grid-template-columns: 2fr 1fr;
         grid-column-gap: 0.5em;
+        grid-row-gap: 0.5em;
     }
 
     .full-grid-width {

ts/deckconfig/HelpPopup.svelte

@@ -21,16 +21,12 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
 </script>
 
 <style>
-    :global(svg) {
+    span :global(svg) {
         vertical-align: text-bottom;
+        opacity: 0.3;
     }
 </style>
 
-<span
+<span bind:this={ref} title={html}>
-    href={'#'}
-    bind:this={ref}
-    data-toggle="tooltip"
-    data-placement="bottom"
-    title={html}>
     {@html infoCircle}
 </span>

ts/deckconfig/RevertIcon.svelte

@@ -22,12 +22,14 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
     }
 </script>
 
-<style>
+<style lang="scss">
     .img-div {
         display: flex;
-    }
+
-    :global(svg) {
+        :global(svg) {
-        align-self: center;
+            align-self: center;
+            opacity: 0.3;
+        }
     }
 </style>
 

ts/deckconfig/deckconfig-base.scss

@@ -20,7 +20,7 @@
 }
 
 body {
-    width: min(100vw, 40em);
+    width: min(100vw, 35em);
     margin: 0 auto;
     // leave some space for rounded screens
     margin-bottom: 2em;