Use relative font sizes and fix styling

Bootstrap: because 10px ought to be good for everyone!™

1 files changed, 20 insertions, 29 deletions

diff --git a/index.html b/index.html
index 82c852c..8bc8163 100644
--- a/index.html
+++ b/index.html
@@ -59,14 +59,11 @@
                 <!-- Brand and toggle get grouped for better mobile display -->
                 <div class="navbar-header">
                     <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
-                        <span class="icon-bar"></span>
-                        <span class="icon-bar"></span>
-                        <span class="icon-bar"></span>
+                        <span class="glyphicon glyphicon-menu-hamburger"></span>
                     </button>
-                    <a id="navigation-home" class="navbar-brand" tabindex="10" accesskey="1" href="#" title="Intelligent tutor system">
+                    <a id="navigation-home" tabindex="10" accesskey="1" href="#" title="Intelligent tutor system">
                         <img src="res/CodeQ_logo-sivi.png" class="img-responsive">
                     </a>
-                    <!--a class="navbar-brand" id="title"></a-->
                 </div>
 
                 <!-- Collect the nav links, forms, and other content for toggling -->
@@ -346,13 +343,11 @@
                 </div>
                 <div class="col-lg-8 col-md-8 col-sm-12 block block-right ">
                     <div class="col-lg-6 col-md-12 col-sm-12 block block2">
-                        <nav class="navbar navbar-default block-toolbar">
-                            <div class="container-fluid">
-                                <button type="button" class="btn btn-default navbar-btn btn-plan" data-tkey="btn_plan">Plan</button>
-                                <button type="button" class="btn btn-default navbar-btn ladda-button btn-hint" data-style="slide-up" data-spinner-color="blue"><span class="ladda-label" data-tkey="btn_hint">Hint</span></button>
-                                <button type="button" class="btn btn-default navbar-btn ladda-button btn-test" data-style="slide-up" data-spinner-color="blue"><span class="ladda-label" data-tkey="btn_test">Test</span></button>
-                            </div>
-                        </nav>
+                        <div class="block-toolbar">
+                            <button type="button" class="btn btn-default btn-plan" data-tkey="btn_plan">Plan</button>
+                            <button type="button" class="btn btn-default ladda-button btn-hint" data-style="slide-up" data-spinner-color="blue"><span class="ladda-label" data-tkey="btn_hint">Hint</span></button>
+                            <button type="button" class="btn btn-default ladda-button btn-test" data-style="slide-up" data-spinner-color="blue"><span class="ladda-label" data-tkey="btn_test">Test</span></button>
+                        </div>
                         <div class="code_editor"></div>
                         <div class="block-statusbar"></div>
                         <div class="block-label" data-tkey="code">Code</div>
@@ -387,15 +382,13 @@
                 </div>
                 <div class="col-lg-8 col-md-8 col-sm-12 block block-right ">
                     <div class="col-lg-6 col-md-12 col-sm-12 block block2">
-                        <nav class="navbar navbar-default block-toolbar">
-                            <div class="container-fluid">
-                                <button type="button" class="btn btn-default navbar-btn btn-plan" data-tkey="btn_plan">Plan</button>
-                                <button type="button" class="btn btn-default navbar-btn ladda-button btn-hint" data-style="slide-up" data-spinner-color="blue"><span class="ladda-label" data-tkey="btn_hint">Hint</span></button>
-                                <button type="button" class="btn btn-default navbar-btn ladda-button btn-test" data-style="slide-up" data-spinner-color="blue"><span class="ladda-label" data-tkey="btn_test">Test</span></button>
-                                <button type="button" class="btn btn-default navbar-btn btn-run" data-tkey="btn_run">Run</button>
-                                <button type="button" class="btn btn-default navbar-btn btn-stop" data-tkey="btn_stop">Stop</button>
-                            </div>
-                        </nav>
+                        <div class="block-toolbar">
+                            <button type="button" class="btn btn-default btn-plan" data-tkey="btn_plan">Plan</button>
+                            <button type="button" class="btn btn-default ladda-button btn-hint" data-style="slide-up" data-spinner-color="blue"><span class="ladda-label" data-tkey="btn_hint">Hint</span></button>
+                            <button type="button" class="btn btn-default ladda-button btn-test" data-style="slide-up" data-spinner-color="blue"><span class="ladda-label" data-tkey="btn_test">Test</span></button>
+                            <button type="button" class="btn btn-default btn-run" data-tkey="btn_run">Run</button>
+                            <button type="button" class="btn btn-default btn-stop" data-tkey="btn_stop">Stop</button>
+                        </div>
                         <div class="code_editor"></div>
                         <div class="block-statusbar"></div>
                         <div class="block-label" data-tkey="code">Code</div>
@@ -430,14 +423,12 @@
                 </div>
                 <div class="col-lg-8 col-md-8 col-sm-12 block block-right ">
                     <div class="col-lg-6 col-md-12 col-sm-12 block block2">
-                        <nav class="navbar navbar-default block-toolbar">
-                            <div class="container-fluid">
-                                <button type="button" class="btn btn-default navbar-btn btn-plan" data-tkey="btn_plan">Plan</button>
-                                <button type="button" class="btn btn-default navbar-btn ladda-button btn-hint" data-style="slide-up" data-spinner-color="blue"><span class="ladda-label" data-tkey="btn_hint">Hint</span></button>
-                                <button type="button" class="btn btn-default navbar-btn btn-run" data-tkey="btn_run">Run</button>
-                                <button type="button" class="btn btn-default navbar-btn btn-stop" data-tkey="btn_stop">Stop</button>
-                            </div>
-                        </nav>
+                        <div class="block-toolbar">
+                            <button type="button" class="btn btn-default btn-plan" data-tkey="btn_plan">Plan</button>
+                            <button type="button" class="btn btn-default ladda-button btn-hint" data-style="slide-up" data-spinner-color="blue"><span class="ladda-label" data-tkey="btn_hint">Hint</span></button>
+                            <button type="button" class="btn btn-default btn-run" data-tkey="btn_run">Run</button>
+                            <button type="button" class="btn btn-default btn-stop" data-tkey="btn_stop">Stop</button>
+                        </div>
                         <div class="code_editor"></div>
                         <div class="block-statusbar"></div>
                         <div class="block-label" data-tkey="code">Code</div>