Rearrange settings elements.

src/styles/components/_settings.scss

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