Buttons

static/orgs.css

@@ -53,64 +53,52 @@ body {
 	cursor: pointer;
 }
 
-/* Scroll column */
-.scrollcolumn {
-	position: fixed;
-	display: inline;
-	top:35%;
-	right:0%;
-	width: 60px;
-	outline: none;
-	z-index: 10;
-	text-align: center;
-}
-
 /* Scroll buttons */
 .scrl {
+	position: fixed;
 	background-color: white;
+	color:#371F10;
 	cursor: pointer;
 	border:none;
-	font-size: 15px;
-	margin-top: 10px;
-	height: 60px;
-	width: 60px;
- 	padding-bottom: 15px;
+	font-size: 25px;
+	width: 50px;
+    height: 50px;
  	font-weight: bold;
- 	font-size: 17px;
+	z-index: 10;
+	bottom: 0%;
 }
 
 .scrl:hover {
-	background-color: #0BEFEB;
+	color: #0BEFEB;
 }
 
-/* Scroll button title */
-.scbt {
-	visibility: hidden;
-	width: 120px;
-	background-color: black;
-	color: #fff;
-	text-align: center;
-	border-radius: 6px;
-	padding: 5px 0;
-	font-size: 15px;
-	right: 65px;
-	z-index: 10;
-	position: absolute;
+button.down span, button.up span { 
+	position:relative; left: 30%;
+	position:relative; bottom: 65%;
+}
+
+.up {
+	right: 51px; 
+}
+
+.down {
+	right: 0%; 
 }
 
-.scrl:hover > .scbt {
-	visibility: visible;
+button.bottom span, button.top span { 
+	position:relative; left: 15%;
+	position:relative; bottom: 65%;
 }
 
-button.up span { 
-	position:relative; bottom: 20%; 
+.top {
+	right: 153px; 
 }
 
-button.down span { 
-	position:relative; left: 60%;
+.bottom {
+	right: 102px;
 }
 
-button.bottom span { 
-	position:relative; bottom: 27%;
-	position:relative; left: 27%;
-}
+/* Scroll button title */
+.scbt {
+	visibility: hidden;
+}