Fixe missing modal and add user feedback to flat buttons in analysis

web/app/static/css/nopaque.css

@@ -28,6 +28,16 @@ main {
   height: 19.5px !important;
 }
 
+/* flat-interaction addition to show background color */
+
+.flat-interaction {
+  background-color: #DCDCDC !important;
+}
+
+.flat-interaction:hover {
+  background-color: #FFFFFF !important;
+}
+
 /* CSS for clickable th elements in tables. Needed for sortable table data with
 list js. On click on th header elements will be sorted accordingly. Also a caret
 indicator will show up how the column is sorted right now.; */

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

@@ -9,7 +9,8 @@
               class="waves-effect
               waves-light
               btn-flat
-              disabled"
+              disabled
+              flat-interaction"
               type="submit">Action One
         <i class="material-icons left">cloud</i>
       </button>
@@ -19,7 +20,8 @@
               class="waves-effect
               waves-light
               btn-flat
-              disabled"
+              disabled
+              flat-interaction"
               type="submit">Action Two
         <i class="material-icons left">add</i>
       </button>

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

@@ -9,7 +9,8 @@ the selected sub results.-->
       <button class="waves-effect
               waves-light
               btn-flat
-              disabled"
+              disabled
+              flat-interaction"
               type="submit"
               id="results-create">Create Results
         <i class="material-icons left">build</i>
@@ -18,7 +19,8 @@ the selected sub results.-->
               class="waves-effect
               waves-light
               btn-flat
-              hide"
+              hide
+              flat-interaction"
               type="submit">Results
         <i class="material-icons left">file_download</i>
       </button>
@@ -28,7 +30,8 @@ the selected sub results.-->
               waves-light
               btn-flat
               hide
-              disabled"
+              disabled
+              flat-interaction"
               type="submit"
               id="sub-results-create">Create Sub-Results
         <i class="material-icons left">build</i>
@@ -37,7 +40,8 @@ the selected sub results.-->
               class="waves-effect
               waves-light
               btn-flat
-              hide"
+              hide
+              flat-interaction"
               type="submit">Sub-Results
         <i class="material-icons left">file_download</i>
       </button>

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

@@ -10,7 +10,8 @@ result.-->
       <button id="show-metadata"
               class="waves-effect
                      waves-light
-                     btn-flat"
+                     btn-flat
+                     flat-interaction"
               type="submit">Corpus Metadata
         <i class="material-icons left">info_outline</i>
       </button>

web/app/templates/query_results/inspect.html.j2

@@ -93,7 +93,7 @@
   contextPerItemElement = document.getElementById("display-options-form-result_context");
   paginationElements = document.getElementsByClassName("pagination");
   contextModal = document.getElementById("context-modal");
-  metaDataModal = document.getElementById("metadata-modal");
+  metaDataModal = document.getElementById("meta-data-modal");
   showMetaDataButton = document.getElementById("show-metadata");
 
   // js list options