From ef353412416b7e9b95a374cc4be97941e2befaf5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tam=C3=A1s=20Szab=C3=B3?= <tamas@szaboo.com>
Date: Sun, 1 Oct 2017 16:06:04 +0200
Subject: [PATCH] fixed mobile view

---
 static/episode_list.html | 14 ++++++++------
 static/index.html        |  3 ++-
 static/new_episode.html  |  1 +
 static/new_serie.html    |  1 +
 4 files changed, 12 insertions(+), 7 deletions(-)

diff --git a/static/episode_list.html b/static/episode_list.html
index ec37454..c40005b 100644
--- a/static/episode_list.html
+++ b/static/episode_list.html
@@ -7,6 +7,7 @@
   <script src="js/jquery-3.2.1.min.js"></script>
   <link rel="stylesheet" href="semantic/semantic.min.css">
   <script src="semantic/semantic.min.js"></script>
+  <meta name="viewport" content="width=device-width, initial-scale=1">
 </head>
 
 <body>
@@ -34,7 +35,7 @@
         utamur at. Quodsi convenire mnesarchum eu per, quas minimum postulant per id.
       </p>
 
-      <div class="three column ui grid">
+      <div class="three column doubling ui grid">
         <div class="column">
           <div class="ui card">
             <div class="content">
@@ -100,16 +101,17 @@
               <a href="new_episode.html"><i class="pencil icon"></i> Edit</a>
             </div>
           </div>
-          <div>
-            <button onclick="document.location='new_episode.html'" class="circular ui icon button right floated blue">
-              <i class="icon plus"></i>
-            </button>
-          </div>
         </div>
       </div>
     </div>
   </div>
 
+  <div style="bottom: 10px;position:fixed;right:20px;z-index:1000;">
+    <button onclick="document.location='new_episode.html'" class="circular ui icon button blue">
+      <i class="icon plus"></i>
+    </button>
+  </div>
+
 </body>
 
 </html>
diff --git a/static/index.html b/static/index.html
index e61fc0e..e45a980 100644
--- a/static/index.html
+++ b/static/index.html
@@ -7,6 +7,7 @@
   <script src="js/jquery-3.2.1.min.js"></script>
   <link rel="stylesheet" href="semantic/semantic.min.css">
   <script src="semantic/semantic.min.js"></script>
+  <meta name="viewport" content="width=device-width, initial-scale=1">
 </head>
 
 <body>
@@ -121,7 +122,7 @@
     </div>
   </div>
 
-  <div style="bottom: 10px;position:fixed;right:20px;">
+  <div style="bottom: 10px;position:fixed;right:20px;z-index:1000;">
     <button onclick="document.location='new_serie.html'" class="circular ui icon button blue">
       <i class="icon plus"></i>
     </button>
diff --git a/static/new_episode.html b/static/new_episode.html
index 19da296..4ae111a 100644
--- a/static/new_episode.html
+++ b/static/new_episode.html
@@ -7,6 +7,7 @@
   <script src="js/jquery-3.2.1.min.js"></script>
   <link rel="stylesheet" href="semantic/semantic.min.css">
   <script src="semantic/semantic.min.js"></script>
+  <meta name="viewport" content="width=device-width, initial-scale=1">
 </head>
 
 <body>
diff --git a/static/new_serie.html b/static/new_serie.html
index e5ca792..09c3a49 100644
--- a/static/new_serie.html
+++ b/static/new_serie.html
@@ -7,6 +7,7 @@
   <script src="js/jquery-3.2.1.min.js"></script>
   <link rel="stylesheet" href="semantic/semantic.min.css">
   <script src="semantic/semantic.min.js"></script>
+  <meta name="viewport" content="width=device-width, initial-scale=1">
 </head>
 
 <body>
-- 
GitLab