Mobile changes:

- Header layout fixed - Improved markup for better click region of header - reduced width of search input on mobile
2020-02-21 18:57:44 +00:00 · 2020-02-21 18:57:44 +00:00 · 980f2e14d7
commit 980f2e14d7
parent f17511dccd
4 changed files with 17 additions and 8 deletions
--- a/resources/sass/_layout-main.scss
+++ b/resources/sass/_layout-main.scss
@ -9,8 +9,8 @@ body {
    justify-content: center;

    h1 {
-        display: flex;
-        justify-content: center;
+        width: 100%;
+        text-align: center;
    }

    nav {
@ -84,6 +84,12 @@ footer {
    align-items: center;
    margin-top: 1.5rem;

+    input {
+        @media screen and (max-width: 699px) {
+            max-width: 95vw;
+        }
+    }
+
    .iwc-logo {
        max-width: 100%;
    }
--- a/resources/views/master.blade.php
+++ b/resources/views/master.blade.php
@ -24,9 +24,9 @@
    </head>
    <body>
        <header id="top-header">
-            <a rel="author" href="/">
-                <h1>{{ config('app.display_name') }}</h1>
-            </a>
+            <h1>
+                <a rel="author" href="/">{{ config('app.display_name') }}</a>
+            </h1>
            <nav>
                <a href="/">All</a>
                <a href="/notes">Notes</a>