diff --git a/src/style/base.css b/src/style/base.css index 2e5d58c..ed219c4 100644 --- a/src/style/base.css +++ b/src/style/base.css @@ -1,3 +1,5 @@ +/* Layout */ + html, body { margin: 0; height: 100%; @@ -52,8 +54,18 @@ a:focus { background-color: hsl(0, 0%, 0%, 0.1); } +a:hover { + border-width: 3px; +} + +ul { + list-style: square; +} + /* Dirty views */ +/* Home */ + .app > main.home { padding: var(--inner-padding); max-height: unset; @@ -76,17 +88,14 @@ a:focus { cursor: pointer; } -.home details > ul { - border-left: 4px solid currentColor; -} - .home .play label { - display: block; + display: inline-block; margin-bottom: 16px; + width: 100%; + max-width: 400px; } .home .play input { box-sizing: border-box; width: 100%; - max-width: 400px; } diff --git a/src/style/themes.css b/src/style/themes.css index 1b29e56..7674063 100644 --- a/src/style/themes.css +++ b/src/style/themes.css @@ -69,6 +69,7 @@ --outer-padding: 8px; --inner-padding: 8px; --border-width: 2px; + --input-box-margin: 8px; } .solarized-light, diff --git a/src/views/HomeView.jsx b/src/views/HomeView.jsx index 1eaef41..7471b19 100644 --- a/src/views/HomeView.jsx +++ b/src/views/HomeView.jsx @@ -24,88 +24,93 @@ export default function ({ themeEngine }) { ifplayer -
- Interactive Fiction interpreter
- that runs right in your browser.
-
- Powered by
- Emglken
- and
- cheap-glkote
- .
-
- Source code can be found here: - ifplayer - . -
+
+ Interactive Fiction interpreter
+ that runs right in your browser.
+
+ Source code can be found in this
+ repository
+ .
+
-
-
- Themes without borders
- are better suited for small screens.
-
-
- Double-click on the input field during the game
- to enter full-screen mode.
-
-
- IFDB Top 100 games -
-
- Supported formats
-
-
-
- - -
++ + IFDB Top 100 games + +
+
+ Supported formats
+
+
+
+
+
+
+