buttons in a group now

jonorthwash · Nov 3, 2017 · 2c41c06 · 2c41c06
1 parent 29726ed
commit 2c41c06
Showing 1 changed file with 17 additions and 15 deletions.
diff --git a/standalone/annotator.html b/standalone/annotator.html
@@ -231,21 +231,23 @@ <h5 class="modal-title" id="helpModalLabel">User guide</h5>
 
 		<div class="controls">
 
-		<div style="float:right">
-			<button id="RTL" type="button" class="btn btn-outline-primary" data-toggle="button" aria-pressed="false" autocomplete="off">
-				<!-- when fa-align-right is set as default, the button shows the mode to switch to; if fa-align-left, then it shows the current mode -->
-				<i class="fa fa-align-right" title="Toggle right-to-left / left-to-right"></i>
-			</button>
-			<button id="vertical" type="button" class="btn btn-outline-primary" data-toggle="button" aria-pressed="false" autocomplete="off">
-				<!-- when fa-rotate-90 is set as default, the button shows the mode to switch to; without it, then it shows the current mode -->
-				<i class="fa fa-align-justify fa-rotate-90" title="Toggle vertical / horizontal display"></i>
-			</button>
-          <!--p>
-              <input type="checkbox" id="RTL" name="RTL">
-              <label for="RTL">Enable RTL</label>
-              <input type="checkbox" id="vertical" name="RTL">
-              <label for="vertical">Enable vertical alignment</label>
-          </p--><p>
+		<div style="float: right;">
+			<div class="btn-group ml-sx-auto">
+				<button id="RTL" type="button" class="btn btn-outline-primary" data-toggle="button" aria-pressed="false" autocomplete="off">
+					<!-- when fa-align-right is set as default, the button shows the mode to switch to; if fa-align-left, then it shows the current mode -->
+					<i class="fa fa-align-right" title="Toggle right-to-left / left-to-right"></i>
+				</button>
+				<button id="vertical" type="button" class="btn btn-outline-primary" data-toggle="button" aria-pressed="false" autocomplete="off">
+					<!-- when fa-rotate-90 is set as default, the button shows the mode to switch to; without it, then it shows the current mode -->
+					<i class="fa fa-align-justify fa-rotate-90" title="Toggle vertical / horizontal display"></i>
+				</button>
+			</div>
+	          <!--p>
+	              <input type="checkbox" id="RTL" name="RTL">
+	              <label for="RTL">Enable RTL</label>
+	              <input type="checkbox" id="vertical" name="RTL">
+	              <label for="vertical">Enable vertical alignment</label>
+	          </p--><p>
 			<div id="treeLabels"/></p> <!-- This needs better positioning -->
 		</div>