Fix container-row uniformity

Author: u8sand

appyter/profiles/biojupies/templates/biojupies/form.j2

@@ -22,16 +22,18 @@
         )
       ) }}
     {% endfor %}
-    <input name="_session" type="text" style="display: none;" value="{{ _session }}" />
-    <div class="col-sm-12">
-      &nbsp;
-    </div>
-    <div class="col-sm-12 text-center">
-      <input
-        class="btn navigate white border-custom bg-blue nodecoration"
-        type="submit"
-        value="Submit"
-      />
+    <div class="row">
+      <input name="_session" type="text" style="display: none;" value="{{ _session }}" />
+      <div class="col-sm-12">
+        &nbsp;
+      </div>
+      <div class="col-sm-12 text-center">
+        <input
+          class="btn navigate white border-custom bg-blue nodecoration"
+          type="submit"
+          value="Submit"
+        />
+      </div>
     </div>
   </form>
 </div>

appyter/profiles/default/templates/default/dynamic.j2

@@ -9,10 +9,8 @@
       </div>
     </div>
   </div>
-  <div class="row">
-    {{ super() }}
-  </div>
 </div>
+{{ super() }}
 {% endblock %}
 
 {% block script %}

appyter/profiles/default/templates/default/form.j2

@@ -2,13 +2,19 @@
 
 {% block body %}
 {{ super() }}
-<form method="POST" enctype="multipart/form-data" action="./{{ _session }}/">
+<div class="container">
+  <form method="POST" enctype="multipart/form-data" action="./{{ _session }}/">
     {% for _field in _fields %}
-        {{ _field.render() }}
+      {{ _field.render() }}
     {% endfor %}
     <input name="_session" type="text" style="display: none;" value="{{ _session }}" />
-    <input type="submit" value="Submit" />
-</form>
+    <div class="row">
+      <div class="col-sm-12">
+        <input type="submit" value="Submit" />
+      </div>
+    </div>
+  </form>
+</div>
 {% endblock %}
 
 {% block script %}

appyter/profiles/default/templates/default/static.j2

@@ -2,39 +2,42 @@
 
 {% block body %}
 {{ super() }}
-<div class="row">
-  <div class="col-sm-12 text-center">
-    <a
-      id="download-notebook"
-      class="btn btn-primary"
-      role="button"
-      href="{{ _nb }}"
-    >Download Notebook</a>
-    {%- if 'toggle-code' in _config.EXTRAS %}
-    <a
-      id="toggle-code"
-      class="btn btn-secondary white"
-    >
-      Toggle Code
-    </a>
-    {%- endif %}
-  </div>
-  {%- if 'toc' in _config.EXTRAS %}
-    <div class="col-sm-12 col-md-3 col-xl-2">
-      <div class="row sticky-top">
-        <div class="offset-sm-2 col-sm-8 col-md-12">
-          <div id="_toc" class="mt-5">
-            <legend>Table Of Contents</legend>
+<div class="container">
+  <div class="row">
+    <div class="col-sm-12 text-center">
+      <a
+        id="download-notebook"
+        class="btn btn-primary"
+        role="button"
+        href="{{ _nb }}"
+      >Download Notebook</a>
+      {%- if 'toggle-code' in _config.EXTRAS %}
+      <a
+        id="toggle-code"
+        class="btn btn-secondary white"
+      >
+        Toggle Code
+      </a>
+      {%- endif %}
+    </div>
+    {%- if 'toc' in _config.EXTRAS %}
+      <div class="col-sm-12 col-md-3 col-xl-2">
+        <div class="row sticky-top">
+          <div class="offset-sm-2 col-sm-8 col-md-12">
+            <div id="_toc" class="mt-5">
+              <legend>Table Of Contents</legend>
+            </div>
           </div>
         </div>
       </div>
-    </div>
-    <div id="nbviewer" class="col-sm-12 col-md-9 col-xl-10">
-      {{ _nbviewer }}
-    </div>
-  {% else %}
-    <div id="nbviewer" class="col-sm-12">{{ _nbviewer }}</div>
-  {%- endif %}
+      <div id="nbviewer" class="col-sm-12 col-md-9 col-xl-10">
+        {{ _nbviewer }}
+      </div>
+    {% else %}
+      <div id="nbviewer" class="col-sm-12">
+        {{ _nbviewer }}
+      </div>
+    {%- endif %}
   </div>
 </div>
 {% endblock %}

example/templates/form.j2

@@ -10,7 +10,7 @@
 
 {% block body %}
 <div class="container">
-<h1>My Test</h1>
+  <h1>My Test</h1>
 </div>
 {{ super() }}
 {% endblock %}