right-align buttons in panels

nedbat · Jul 23, 2021 · 80699b0 · 80699b0
1 parent c12a7ea
commit 80699b0
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 1 deletion.
diff --git a/src/aptus/web/static/style.css b/src/aptus/web/static/style.css
@@ -26,6 +26,8 @@ canvas.view.move { cursor: grab; }
 
 .panel p { margin: 0 0 1em 0; line-height: 1.3; }
 
+.panel p.buttons { text-align: right; }
+
 .panel .closebtn { position: absolute; top: .25em; right: .25em; border: 1px solid #00000000; border-radius: .25em; }
 
 .panel .closebtn:hover { border: 1px solid black; }

diff --git a/src/aptus/web/static/style.scss b/src/aptus/web/static/style.scss
@@ -75,6 +75,10 @@ canvas.view {
     p {
         margin: 0 0 1em 0;
         line-height: 1.3;
+
+        &.buttons {
+            text-align: right;
+        }
     }
 
     .closebtn {

diff --git a/src/aptus/web/templates/mainpage.html b/src/aptus/web/templates/mainpage.html
@@ -89,7 +89,7 @@
         {{closebtn}}
         <p><label for="rendersize">size:</label><input id="rendersize" size="10"/></p>
         <p><label for="supersample">super:</label><input id="supersample" size="5" value="1"/></p>
-        <p><label></label><input type="button" value="Render" id="renderbutton"/></p>
+        <p class="buttons"><input type="button" value="Render" id="renderbutton"/></p>
     </div>
 
     <script>