Small mobile optimizations for material markdown editor

schoolapps/templates/martor/editor.html

@@ -2,7 +2,7 @@
 <div class="main-martor main-martor-{{ field_name }} card" data-field-name="{{ field_name }}">
     <div class="section-martor card-content">
         <div class="row">
-            <ul class="tabs col s3 primary-color-text">
+            <ul class="tabs col s12 m3 primary-color-text">
                 <li class="tab">
                     <a class="item" data-tab="editor-tab-{{ field_name }}" href="#editor-{{ field_name }}">
                         <i class="material-icons">edit</i>
@@ -17,7 +17,7 @@
                 </li>
 
             </ul>
-            <div class="col s9">
+            <div class="col s12 m9">
                 {% include "martor/toolbar.html" %}
             </div>
         </div>