Repos / pytaku / e920e1798d
commit e920e1798d3844c55d9b3d836439945f29037d2d
Author: Bùi Thành Nhân <hi@imnhan.com>
Date:   Sat Aug 1 19:51:33 2020 +0700

    simpler flexbox-based navbar
    
    (that's now also "responsive")

diff --git a/src/pytaku/static/base.css b/src/pytaku/static/base.css
index bc1863a..e4558ac 100644
--- a/src/pytaku/static/base.css
+++ b/src/pytaku/static/base.css
@@ -87,14 +87,13 @@ .button > img {
 /* Grid layout */
 
 nav {
-  display: grid;
-  grid-gap: 0.5rem;
-  grid-template-areas: "logo search links";
+  display: flex;
+  gap: 1rem;
+  flex-wrap: wrap;
   padding: var(--body-padding);
 }
 
 .logo {
-  grid-area: logo;
   width: 150px;
 }
 .logo img {
@@ -103,12 +102,11 @@ .logo img {
 }
 
 .search {
-  grid-area: search;
   display: flex;
 }
 
 .links {
-  grid-area: links;
+  margin-left: auto; /* to pull to the right */
   display: inline-flex;
   gap: 1rem;
   justify-content: center;