Fixed responsive issue + change menu names

Author: G

public/mix-manifest.json

@@ -1,7 +1,7 @@
 {
     "/build/main.js": "/build/main.js?id=a79ecbd217e7d4cc2bc7",
-    "/build/main.css": "/build/main.css?id=bd3f263ddc7ec877b8c6",
-    "/build/programmer/edit.css": "/build/programmer/edit.css?id=cb6235baf3f14dbfff87",
+    "/build/main.css": "/build/main.css?id=598084051f1a3c8f9693",
+    "/build/programmer/edit.css": "/build/programmer/edit.css?id=3f1866c951a3a75f8d8f",
     "/build/tutorial.css": "/build/tutorial.css?id=6ad6d8d0e314941f3c24",
     "/build/programmer/edit.js": "/build/programmer/edit.js?id=0d21f0af8c2053f569f9"
 }

resources/sass/form.scss

@@ -112,7 +112,7 @@ ul.checkboxListHorizontal {
     }
 }
 
-/* Responsive layout - when the screen is less than 600px wide, make the two columns stack on top of each other instead of next to each other */
+/* Responsive layout - when the screen is less than 500px wide, make the two columns stack on top of each other instead of next to each other */
 @media screen and (max-width: 500px) {
     .label-col, .input-col, input[type=submit] {
         width: 100%;
@@ -123,3 +123,13 @@ ul.checkboxListHorizontal {
         text-align: left;
     }
 }
+
+@media screen and (max-width: 400px) {
+
+    .dateRange {
+        > .table-cell {
+            display:block;
+            padding-right:inherit;
+        }
+    }
+}

resources/sass/programmer/edit.scss

@@ -18,4 +18,5 @@
 }
 #switchLang {
     text-align: right;
+    padding: 0 0 1em 0;
 }

resources/views/layouts/layoutTutorials.blade.php

@@ -46,10 +46,10 @@
                 </header>
                 <ul>
                     <li><a href="{{ route('tutorial.intro') }}" accesskey="i">Introduction</a></li>
-                    <li><a href="{{ route('programmer.create', ['locale'=>'en_US']) }}" accesskey="l">Laravel Collective Example</a></li>
+                    <li><a href="{{ route('programmer.create', ['locale'=>'en_US']) }}" accesskey="l">Example Form</a></li>
                     <li><a href="{{ route('tutorial.techniques') }}" accesskey="e">General Techniques Used</a></li>
                     <li><a href="{{ route('tutorial.instructions') }}" accesskey="o">Instructions</a></li>
-                    <li><a href="{{ route('programmer.list') }}" accesskey="e">Experience List</a></li>
+                    <li><a href="{{ route('programmer.list') }}" accesskey="e">Form Entries</a></li>
                 </ul>
             </nav>
         </div>

resources/views/programmer/_experience.blade.php

@@ -41,7 +41,7 @@
         <div class="label-col">
             @lang('messages.period')
         </div>
-        <div class="input-col">
+        <div class="input-col dateRange">
             <div class="table-cell">
                 {!! Form::myInput('date', 'experience['.$k.'][startDate]', null, ['placeholder'=>trans('messages.start')]) !!}
             </div>

resources/views/programmer/edit.blade.php

@@ -22,9 +22,7 @@ function onSubmit(token) {
 @endpush
 
 @section('content')
-    <div id="switchLang">
-        @languageSwitch()
-    </div>
+
     <header class="main">
         <h1>Laravel Collective Forms Example: @lang('messages.Add Programming Experience')</h1>
         <h2>I.T. Recruitment Agency - Candidate Experience Form</h2>
@@ -34,8 +32,11 @@ function onSubmit(token) {
     </p>
     <p>
         Feel free to use the form and test it. Your saved data will be removed after your session has expired.
-        Switch languages used in the form using the link to the above right.
+        Switch languages used in the form using the link below on the right.
     </p>
+    <div id="switchLang">
+        @languageSwitch()
+    </div>
     @if(!empty($personExperience))
     {!! Form::model($personExperience, [
                     'route'=>['programmer.update', 'id'=>$personExperience->id, 'locale'=>app()->getLocale()],