----

static/orgs.css

@@ -10,21 +10,6 @@ body {
 	font-size:14px;
 }
 
-/* Page title */
-h1 {
-	position: fixed;
-	right:0%;
-	top:5%;
-	text-align: right;
-	background-color: #0BEFEB;
-	padding: 3px 35px 3px 10px;
-	z-index: 10;
-	color: black;
-	font-size: 28px;
-	opacity: 0.7;
-	color: #371F10;
-}
-
 /* Organizations list */
 .collapsible{
 	padding-left: 70px;
@@ -89,6 +74,9 @@ h1 {
 	margin-top: 10px;
 	height: 60px;
 	width: 60px;
+ 	padding-bottom: 15px;
+ 	font-weight: bold;
+ 	font-size: 17px;
 }
 
 .scrl:hover {
@@ -105,7 +93,7 @@ h1 {
 	border-radius: 6px;
 	padding: 5px 0;
 	font-size: 15px;
-	right: 50px;
+	right: 65px;
 	z-index: 10;
 	position: absolute;
 }
@@ -113,3 +101,16 @@ h1 {
 .scrl:hover > .scbt {
 	visibility: visible;
 }
+
+button.up span { 
+	position:relative; bottom: 20%; 
+}
+
+button.down span { 
+	position:relative; left: 60%;
+}
+
+button.bottom span { 
+	position:relative; bottom: 27%;
+	position:relative; left: 27%;
+}

templates/orgs.html

@@ -13,10 +13,10 @@
     <h1>{{ page.name }}</h1>
 
     <div class="scrollcolumn">
-      <button onclick="scrollWin(0,-5000)" class="up scrl">&#8988;<span class="scbt">Up</span></button>
+      <button onclick="scrollWin(0,-5000)" class="up scrl"><span>&#8988;</span><span class="scbt">Up</span></button>
-      <button onclick="scrollWin(0,5000)" class="down scrl">&#8991;<span class="scbt">Down</span></button>
+      <button onclick="scrollWin(0,5000)" class="down scrl"><span>&#8991;</span><span class="scbt">Down</span></button>
-      <button onclick="scrollToTop()" class="top scrl">&#9140;<span class="scbt">Top</span></button>
+      <button onclick="scrollToTop()" class="top scrl"><span>&#9140;</span><span class="scbt">Top</span></button>
-      <button onclick="scrollToBottom()" class="bottom scrl">&#9141;<span class="scbt">Bottom</span></button>
+      <button onclick="scrollToBottom()" class="bottom scrl"><span>&#9141;</span><span class="scbt">Bottom</span></button>
     </div>
     
     <div id="body">{{ body|safe }}</div>