Mess with alignment of line numbers in code

dhmit · Jul 5, 2019 · e621db1 · e621db1
1 parent f6d5a8c
commit e621db1
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 2 deletions.
diff --git a/static/css/simulations.css b/static/css/simulations.css
@@ -61,6 +61,8 @@ body {
 .line_no_text {
     vertical-align: center;
     font-family: Courier, monospace;
+    float: right;
+    text-align: right;
 }
 
 #code {

diff --git a/static/js/render.js b/static/js/render.js
@@ -17,7 +17,7 @@ export class Renderer {
             let element = $(`
                 <div class="row general_memory_row">
                       <div class="col-2">
-                             <p class="text-right float-right line_no_text">${i.toString()}: </p>
+                             <p class="line_no_text">${i.toString()}: </p>
                       </div>
                       <div class="col-10">
                              <span class="general_memory number" id="general_memory_${i.toString()}" 

diff --git a/templates/simulations/base.jinja2 b/templates/simulations/base.jinja2
@@ -17,7 +17,7 @@
                 <h3>Code</h3>
                 <div class="pre-scrollable mb-2" id="code"> {# TODO: make sure this doesn't obscure the line numbers #}
                     <div id="code_heading" class="row">
-                        <div class="col-sm-1 px-2">#</div>
+                        <div class="col-sm-1 pl-3 pr-2 float-right text-right">#</div>
                         <div class="col-sm-3 px-2" >Lbl</div>
                         <div class="col-sm-3 px-2">Op</div>
                         <div class="col-sm-4 px-2">ATD</div>