added placeholder footer, put buttons in their own container

currently footer sits on top of button container, not sure how to fix that
Dom-L-G · Dec 4, 2017 · 5b461ec · 5b461ec
1 parent a1fd6f7
commit 5b461ec
Show file tree

Hide file tree

Showing 17 changed files with 28 additions and 6 deletions.
diff --git a/.gitattributes b/.gitattributes
diff --git a/.gitignore b/.gitignore
diff --git a/Flask-sudoku-app.sublime-project b/Flask-sudoku-app.sublime-project
diff --git a/Flask-sudoku-app.sublime-workspace b/Flask-sudoku-app.sublime-workspace
diff --git a/README.md b/README.md
diff --git a/app/__init__.py b/app/__init__.py
diff --git a/app/static/clear.js b/app/static/clear.js
diff --git a/app/static/mappaste.js b/app/static/mappaste.js
diff --git a/app/static/nextinput.js b/app/static/nextinput.js
diff --git a/app/static/styles.css b/app/static/styles.css
@@ -117,12 +117,26 @@ input[type=number]::-webkit-outer-spin-button {
     margin: 0;
 }
 
-input[type=submit] {
+/*input[type=submit] {
   position: relative;
   top: 25px;
+}*/
+
+.button-container {
+  position : relative;
+  margin-top : 40px;
+}
+
+.button-container > * {
+  margin-bottom : 20px;
 }
 
-a.btn.btn-primary.btn-block {
+.footer {
+  position : relative;
+  display : block;
+ }
+
+/*a.btn.btn-primary.btn-block {
   position: relative;
   top: 25px;
 }
@@ -131,3 +145,4 @@ button.btn.btn-secondary.btn-block {
   position: relative;
   top: 30px;
 }
+*/
diff --git a/app/sudopy.py b/app/sudopy.py
diff --git a/app/templates/base.html b/app/templates/base.html
@@ -32,6 +32,10 @@ <h1 class="title">Sudoku Solver</h1>
         {% endwith %}
       {% block content %}{% endblock %}
     </div>
+    <div class='footer'>
+      <hr>
+      <p> this is a test </p>
+    </div>
   </body>
 
 </html>
diff --git a/app/templates/index.html b/app/templates/index.html
@@ -12,8 +12,10 @@
           {% endfor %}
         </div>
       {% endfor %}
-      <input type="submit" value="Solve" class="btn btn-primary btn-block">
-      <button id="clear-btn" type="button" class="btn btn-secondary btn-block">Clear</button>
+      <div class=button-container>
+        <input type="submit" value="Solve" class="btn btn-primary btn-block">
+        <button id="clear-btn" type="button" class="btn btn-secondary btn-block">Clear</button>
+      </div>
     </form>
   </div>
 </div>

diff --git a/app/templates/solution.html b/app/templates/solution.html
@@ -11,8 +11,9 @@
           {% endfor %}
         </div>
       {% endfor %}
-
-      <a class="btn btn-primary btn-block" href="{{ url_for('index') }}">Back</a>
+      <div class='button-container'>
+          <a class="btn btn-primary btn-block" href="{{ url_for('index') }}">Back</a>
+      </div>
   </div>
 </div>
 {% endblock %}
diff --git a/app/views.py b/app/views.py
diff --git a/environment.yml b/environment.yml
diff --git a/run.py b/run.py