better seed code legibility

[alttp.git] / resources / sass / rounds.scss

diff --git a/resources/sass/rounds.scss b/resources/sass/rounds.scss
index f258d46fd0f82b7585222be23531b62d61f112d4..0afc0ae1c5fab82f4fa28c92ad96851d90f40e16 100644 (file)
--- a/resources/sass/rounds.scss
+++ b/resources/sass/rounds.scss
@@ -16,19 +16,24 @@
                                font-size: 125%;
                        }
 
-                       .seed-code {
-                               margin: 1rem 0;
+                       .seed-code, .btn {
+                               margin-bottom: 1ex;
                        }
                }
        }
 }
 
 .seed-code {
-       display: flex;
+       display: inline-flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: center;
        align-content: center;
        justify-content: flex-start;
        gap: 0.5ex;
+       padding: 0.5ex;
+       border-radius: 0.5ex;
+       background: $dark;
+       color: $light;
+       vertical-align: middle;
 }