Change layout

web/app/templates/interactions/analysis.html.j2

 <!-- WIP. The user should be able to call several analysis tools from here.-->
 
-<div class="col s12 m2 l2" id="anlysis">
+<div class="col s12 m3 l2" id="anlysis">
   <h6 style="margin-top: 0px;">Analysis</h6>
   <div class="divider" style="margin-bottom: 10px;"></div>
   <div class="row">

web/app/templates/interactions/cite.html.j2

 <!-- WIP. The user should be able to cite nopaque and the current service easily using these buttons.-->
 
-<div class="col s12 m2 l2" id="cite">
+<div class="col s12 m3 l2" id="cite">
   <h6 style="margin-top: 0px;">Cite Nopaque</h6>
   <div class="divider" style="margin-bottom: 10px;"></div>
   <div class="row">

web/app/templates/interactions/create.html.j2

 <!-- HTML to allow the user to create sub results from the current query
 results.-->
 
-<div class="col s12 m2 l2" id="create">
+<div class="col s12 m3 l2" id="create">
   <h6 style="margin-top: 0px;">Create</h6>
   <div class="divider" style="margin-bottom: 10px;"></div>
   <div class="row">

web/app/templates/interactions/display.html.j2

 <!-- HTML to allow the user to change how the results are being displayed.-->
 
-<div class="col s12 m2 l2" id="display">
+<div class="col s12 m3 l2" id="display">
   <h6 style="margin-top: 0px;">Display</h6>
   <div class="divider" style="margin-bottom: 10px;"></div>
   <div class="row">
@@ -14,7 +14,7 @@
           <div class="col s8">
             {{ display_options_form.expert_mode.label.text }}
           </div>
-          <div class="class col s4">
+          <div class="class col s4 right-align">
               <div class="switch">
                 <label style="margin-left: -20px;">
                   {{ display_options_form.expert_mode() }}

web/app/templates/interactions/export.html.j2

 <!-- HTML to allow the user to export the current querey results in full or
 the selected sub results.-->
 
-<div class="col s12 m2 l2" id="export">
+<div class="col s12 m3 l2" id="export">
   <h6 style="margin-top: 0px;">Export</h6>
   <div class="divider" style="margin-bottom: 10px;"></div>
   <div class="row">
@@ -16,7 +16,7 @@ the selected sub results.-->
             <i class="material-icons tiny">info_outline</i>
           </a>
         </div>
-        <div class="class col s4">
+        <div class="class col s4 right-align">
           <div class="switch">
             <label style="margin-left: -20px;">
               <input type="checkbox" id="export-full-inspect-context">

web/app/templates/interactions/infos.html.j2

@@ -2,7 +2,7 @@
 the user the abiltiy to access the meta data for the current query or
 result.-->
 
-<div class="col s12 m2 l2" id="infos">
+<div class="col s12 m3 l2" id="infos">
   <h6 style="margin-top: 0px;">Infos</h6>
   <div class="divider" style="margin-bottom: 10px;"></div>
   <div class="row">