css/style-med.css

@@ -16,9 +16,6 @@ body {
   display: inline-block;
   max-height: 100%;
 }
-#buttons {
-  left: 0;
-}
 #buttons button {
   width: 60px;
   height: 60px;

css/style.css

@@ -154,27 +154,20 @@ p:first-child {
   padding: 20px;
   margin-bottom: 60px;
 }
-#buttons {
+#buttons #buttons-left,
+#buttons #buttons-right {
   position: fixed;
-  bottom: 20px;
-  right: 20px;
-  left: 280px;
-  vertical-align: bottom;
-}
-#buttons > table {
-  width: 100%;
-}
-#buttons > table tr > td {
-  vertical-align: bottom;
-  padding: 0;
+  padding: 10px;
+  bottom: 0px;
 }
-#buttons > table tr > td:last-child {
-  text-align: right;
+#buttons #buttons-left {
+  left: 0px;
 }
-#buttons > table tr > td > *:not(:first-child) {
-  margin-top: 20px;
+#buttons #buttons-right {
+  right: 0px;
 }
 #buttons button {
+  margin: 10px;
   border-radius: 50%;
   display: inline-block;
   text-align: center;

less/style-med.less

@@ -27,8 +27,6 @@ body{
 }
 
 #buttons{
-	left:0;
-
 	button{
 		width:60px;
 		height:60px;

less/style.less

@@ -188,30 +188,22 @@ p:first-child{
 }
 
 #buttons{
-	position:fixed;
-	bottom: 20px;
-	right: 20px;
-	left:280px;
-	vertical-align: bottom;
-
-	>table{
-		width: 100%;
-
-		tr>td{
-			vertical-align: bottom;
-			padding:0;
-
-			&:last-child{
-				text-align: right;
-			}
+	#buttons-left,#buttons-right{
+		position:fixed;
+		padding: 10px;
+		bottom: 0px;
+	}
+	
+	#buttons-left{
+		left: 0px;
+	}
 
-			>*:not(:first-child){
-				margin-top:20px;
-			}
-		}
+	#buttons-right{
+		right: 0px;
 	}
 
 	button{
+		margin:10px;
 		border-radius: 50%;
 		display: inline-block;
 		text-align: center;

template.php

@@ -118,14 +118,6 @@ function FormatURI(URI $uri, $base=""){
 				</div>
 			</div>
 			<div id="content">
-				<div id="buttons">
-					<table>
-						<tr>
-							<td>{@ButtonsLeft}</td>
-							<td>{@ButtonsRight}</td>
-						</tr>
-					</table>
-				</div>
 				<div id="body">
 					<?php if (isset($errors) && count($errors)>0){
 						echo '<div class="errors">The following errors were encountered:<ul>';
@@ -137,6 +129,10 @@ function FormatURI(URI $uri, $base=""){
 				</div>
 				<div id="footer">{@Footer}</div>
 			</div>
+			<div id="buttons">
+				<div id="buttons-left">{@ButtonsLeft}</div>
+				<div id="buttons-right">{@ButtonsRight}</div>
+			</div>
 		</div>
 		<div class="backdrop" ng-show="shouldShowMenu()" ng-click="menuVisible=false"></div>
 		<div id="spinner" class="backdrop" ng-show="spinnerVisible">