From 442aaa909971efcfd808568dab1cf697abe8d6ef Mon Sep 17 00:00:00 2001 From: Jip Fr Date: Mon, 9 Mar 2020 13:13:12 +0100 Subject: [PATCH] Small UI / UX improvements --- assets/css/pretendo-common.css | 13 +++++++++++-- assets/css/pretendo-faq.css | 4 ++-- views/cemu.hbs | 2 +- views/connecting.hbs | 2 +- views/faq.hbs | 4 ++-- views/partials/navbar.hbs | 4 ++-- 6 files changed, 19 insertions(+), 10 deletions(-) diff --git a/assets/css/pretendo-common.css b/assets/css/pretendo-common.css index 6b0ab4d..5be4c1d 100644 --- a/assets/css/pretendo-common.css +++ b/assets/css/pretendo-common.css @@ -44,6 +44,13 @@ nav.navWrapper .navItem { font-size: 1em; cursor: pointer; align-self: stretch; + display: flex; + align-items: center; +} +nav.navWrapper .navItem svg { + width: 1.1rem; + height: 1.1rem; + margin-right: 5px; } nav.navWrapper .navItem:hover, nav.navWrapper .navItem.active { color: white; @@ -207,6 +214,7 @@ nav.navWrapper ~ .contentWrapper:nth-child(2) { footer { background: #673db6; padding: 2em 1em; + padding-bottom: calc(2em + env(safe-area-inset-bottom)); } footer .content { background: white; @@ -322,7 +330,7 @@ button:disabled, .btn:disabled, .btn-alt:disabled { min-width: 250px; width: 50%; max-width: 550px; - margin-bottom: 10px; + margin-bottom: 20px; display: flex; } .profileIcon { @@ -333,7 +341,7 @@ button:disabled, .btn:disabled, .btn-alt:disabled { } .profileText { width: calc(100% - 130px); - min-width: 200px; + min-width: 150px; display: flex; flex-direction: column; justify-content: center; @@ -343,6 +351,7 @@ button:disabled, .btn:disabled, .btn-alt:disabled { } .profileText p { margin-top: 5px; + margin-bottom: 10px; } /* components - inputs */ diff --git a/assets/css/pretendo-faq.css b/assets/css/pretendo-faq.css index 4990f49..cdcf22d 100644 --- a/assets/css/pretendo-faq.css +++ b/assets/css/pretendo-faq.css @@ -24,6 +24,6 @@ details summary { } details .text { - margin-left: 10px; - padding-bottom: 10px; + margin: 0; + padding: 15px 20px; } \ No newline at end of file diff --git a/views/cemu.hbs b/views/cemu.hbs index ebcbf20..5540215 100644 --- a/views/cemu.hbs +++ b/views/cemu.hbs @@ -3,7 +3,7 @@ {{> head-common }} - + {{> navbar }}
diff --git a/views/connecting.hbs b/views/connecting.hbs index 259b2cd..3593c48 100644 --- a/views/connecting.hbs +++ b/views/connecting.hbs @@ -3,7 +3,7 @@ {{> head-common }} - + {{> navbar }}
diff --git a/views/faq.hbs b/views/faq.hbs index 84ba0ca..c1e065e 100644 --- a/views/faq.hbs +++ b/views/faq.hbs @@ -5,7 +5,7 @@ - + {{> navbar }}
@@ -51,7 +51,7 @@
Will Pretendo support the Wii/Switch? -

The Wii already has custom servers provided by Wiimmfi. We currently have no plans on supporting the Switch, as not only is it a completely different platform with a different online network, but Switch online is a paid service

+

The Wii already has custom servers provided by Wiimmfi. We currently have no plans on supporting the Switch, as not only is it a completely different platform with a different online network, but Switch online is a paid service

diff --git a/views/partials/navbar.hbs b/views/partials/navbar.hbs index 6f7a895..5625676 100644 --- a/views/partials/navbar.hbs +++ b/views/partials/navbar.hbs @@ -3,8 +3,8 @@ Connecting Cemu FAQ - GitHub - Discord + GitHub + Discord