Rearrange settings elements.

src/styles/components/_settings.scss

@@ -18,42 +18,43 @@
  * along with this program.  If not, see <http://www.gnu.org/licenses/>.
  *
  */
+
 #settings {
+  border-top: 1px solid $bordercolor;
+  bottom: 0;
+  padding-right: 20px;
   position: fixed;
-top:44px;
   right: -520px;
-bottom:0px;
+  top: 44px;
+  transition: right 200ms ease-in-out;
   width: 520px;
   z-index: 50;
--webkit-transition: right 200ms ease-in-out;
--moz-transition: right 200ms ease-in-out;
--ms-transition: right 200ms ease-in-out;
--o-transition: right 200ms ease-in-out;
-transition: right 200ms ease-in-out;
-padding-right: 20px;
-border-top:1px solid $bordercolor;
 }
+
 #settings.show {
-right:0px;
+  right: 0;
 }
+
 .settings {
-position:absolute;
-left:0px;
-right:0px;
-top:0px;
-bottom:0px;
   background: $sidepanebg;
+  bottom: 0;
+  left: 0;
   overflow-x: hidden;
   overflow-y: auto;
   padding: 10px;
+  position: absolute;
+  right: 0;
+  top: 0;
 }
+
 .settings .version {
+  color: #ccc;
+  font-size: 10px;
   position: absolute;
-top:10px;
   right: 10px;
-font-size:10px;
+  top: 10px;
-color:#ccc;
 }
+
 @media only screen and (max-width: 630px) {
   .settings .form-horizontal .controls {
     margin-left: 110px;
@@ -66,20 +67,17 @@ color:#ccc;
     padding-bottom: 10px;
   }
   #settings.show {
- 		width:auto;
- 		left:0px;
     background: white;
+    left: 0;
+    width: auto;
   }
   #settings.show .form-actions {
-		position: fixed;
+    bottom: 0;
-		bottom: 0px;
-		left:0px;
-		right:0px;
-		margin-bottom:0px;
-		padding-bottom:0px;
     height: 60px;
-		padding-left:120px;
+    left: 0;
-		padding-top:6px;
+    margin-bottom: 0;
-		padding-bottom:6px;
+    padding: 6px 0 6px 120px;
+    position: fixed;
+    right: 0;
   }
 }