From 39c095b023949ec45c35298e1f407dbd663636a2 Mon Sep 17 00:00:00 2001
From: Robbie Antenesse <gamedev@alamantus.com>
Date: Sat, 27 Feb 2016 12:58:10 -0700
Subject: [PATCH] Scroll Settings Save Buttons with the screen for larger
 screens. Moved mobile CSS to bottom of file.

---
 css/styles.css | 61 +++++++++++++++++++++++++++++---------------------
 1 file changed, 36 insertions(+), 25 deletions(-)

diff --git a/css/styles.css b/css/styles.css
index 35cf283..07eb706 100644
--- a/css/styles.css
+++ b/css/styles.css
@@ -46,29 +46,6 @@ td:last-child, th:last-child {
     display: inline !important;
 }
 
-/* Smartphones (portrait and landscape) ----------- */
-@media only screen 
-and (min-device-width : 320px) 
-and (max-device-width : 480px) {
-    footer {
-        position: relative;
-        clear: both;
-        max-height: 100%;
-    }
-    
-    #dictionaryContainer {
-        margin-bottom: 15px !important;
-    }
-
-    #formLockButton {
-        display: none;
-    }
-
-    #showFullScreenTextbox {
-        display: none;
-    }
-}
-
 #leftColumn {
     float: left;
 }
@@ -407,9 +384,12 @@ searchTerm {
     clear: both;
 }
 #settingsSaveButtons {
+    position: fixed;
+    right: 10%;
+    bottom: 8%;
+    font-size: 14px;
     display: block;
-    clear: both;
-    width: 100%;
+    width: 50%;
 }
 
 .settingsCol {
@@ -420,3 +400,34 @@ searchTerm {
     max-width: 400px;
     margin: 0 30px 0 0;
 }
+
+/* Smartphones (portrait and landscape) ----------- */
+@media only screen 
+and (min-device-width : 320px) 
+and (max-device-width : 480px) {
+    footer {
+        position: relative;
+        clear: both;
+        max-height: 100%;
+    }
+    
+    #dictionaryContainer {
+        margin-bottom: 15px !important;
+    }
+
+    #formLockButton {
+        display: none;
+    }
+
+    #showFullScreenTextbox {
+        display: none;
+    }
+
+    #settingsSaveButtons {
+        position: relative;
+        right: 0;
+        bottom: 0;
+        clear: both;
+        width: 100%;
+    }
+}