From 3b98c713964aeea68cc6c6696f59dc7965c996f0 Mon Sep 17 00:00:00 2001
From: pluja <github_pluja@r3d.red>
Date: Wed, 26 Aug 2020 19:13:18 +0200
Subject: [PATCH] UI fixes

---
 app/static/styles.css   | 4 ++++
 app/templates/base.html | 8 +++++---
 2 files changed, 9 insertions(+), 3 deletions(-)
diff --git a/app/static/styles.css b/app/static/styles.css
index c5010ec..5e82e1b 100644
--- a/app/static/styles.css
+++ b/app/static/styles.css
@@ -21,4 +21,8 @@
 
 .break-word{
     word-break: break-word;
+}
+
+.overflow-auto{
+    overflow: auto;
 }
\ No newline at end of file
diff --git a/app/templates/base.html b/app/templates/base.html
index 8ab3a56..f418c2a 100644
--- a/app/templates/base.html
+++ b/app/templates/base.html
@@ -12,7 +12,7 @@
         <link rel="stylesheet" type= "text/css" href="{{ url_for('static',filename='styles.css') }}">
     </head>
     <body>
-        <div class="ui labeled icon menu">
+        <div class="ui icon menu overflow-auto">
             <a href="{{ url_for('index') }}"><div class="item">
                 <img src="{{ url_for('static',filename='img/logo.png') }}">
             </div></a>
@@ -24,8 +24,10 @@
                 <a href="{{ url_for('saved') }}" class="twitter item"><i class="bookmark icon"></i></a>
                 <a href="{{ url_for('youtube') }}" class="youtube item"><i class="youtube icon"></i></a>
                 <a href="{{ url_for('ytsearch') }}" class="youtube item"><i class="search icon"></i></a>
-                <a href="{{ url_for('settings') }}" class="item"><i class="cog icon"></i></a>
-                <a href="{{ url_for('logout') }}" class="item"><i class="sign-out icon"></i></a>
+                <div class="right menu">
+                    <a href="{{ url_for('settings') }}" class="item"><i class="cog icon"></i></a>
+                    <a href="{{ url_for('logout') }}" class="item"><i class="sign-out icon"></i></a>
+                </div>
             {% endif %}
         </div>
 
