From e621db18f772a84fc4da6aa8b439fa92758dfa8d Mon Sep 17 00:00:00 2001
From: Mingfei <mingfeid@mit.edu>
Date: Fri, 5 Jul 2019 16:14:32 -0400
Subject: [PATCH] Mess with alignment of line numbers in code

---
 static/css/simulations.css        | 2 ++
 static/js/render.js               | 2 +-
 templates/simulations/base.jinja2 | 2 +-
 3 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/static/css/simulations.css b/static/css/simulations.css
index 18ae560d..3754e599 100644
--- 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
index 65d4f687..75ea9055 100644
--- 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
index 00e1bf90..eacd30b1 100644
--- 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>