diff --git a/css/app.main.css b/css/app.main.css index 96beea6d..3b34c185 100644 --- a/css/app.main.css +++ b/css/app.main.css @@ -278,7 +278,6 @@ nav { display: flex; justify-content: space-between; height: 4em; - grid-template-columns: 20% 60% 20% } nav a { @@ -307,22 +306,28 @@ nav .left a i { } nav .middle { - display:flex; - justify-content:center; - align-items:center + display: flex; + justify-content: center; + align-items: center; } nav .middle .search-bar { - background:#222; - border:1px solid #444; - width:420px; - height:30px + display: flex; + transform: translateY(1em); + background: #222; + border: 1px solid #444; + width: 320px; + height: 30px } nav .middle button { - background:#454545; - color:#999; - padding:7px 25px + display: flex; + transform: translate(22em, -1.25em); + background: #454545; + color: #999; + padding: 10px 10px; + border: 1px; + border-radius: 50%; } nav .middle input { diff --git a/html/poketube.ejs b/html/poketube.ejs index 67b50e2f..2be4e3e6 100644 --- a/html/poketube.ejs +++ b/html/poketube.ejs @@ -186,10 +186,9 @@ src:url('https://cdn.statically.io/gh/brecert/discord-quote-generator/main/Ginto display: flex; border-radius: 5px; justify-content: normal; -margin-left: 80px; padding-left: 0px; -margin-right: 30px; align-items: center; +margin-left: 10px; } nav .left { @@ -198,7 +197,7 @@ justify-content: flex-start; align-items: center; border-radius: 5px; padding-left: 0px; -margin-right: 100px; +margin-right: 40px; } nav .middle { @@ -206,8 +205,6 @@ margin-right: 100px; justify-content: center; align-items: center; border-radius: 5px; -margin-left: 100px; -margin-right: 100px; } @@ -216,18 +213,23 @@ margin-right: 100px;
- @@ -651,7 +653,7 @@ summary:hover{ - +