Add new nopaque icons

web/app/static/css/material_icons.css

@@ -4,14 +4,14 @@
   font-family: 'Material Icons';
   font-style: normal;
   font-weight: 400;
-  src: url(../fonts/material_design_icons/MaterialIcons-Regular.eot); /* For IE6-8 */
+  src: url(../fonts/material_icons/MaterialIcons-Regular.eot); /* For IE6-8 */
   src: local('Material Icons'),
     local('MaterialIcons-Regular'),
-    url(../fonts/material_design_icons/MaterialIcons-Regular.ttf) format('truetype'),
-    url(../fonts/material_design_icons/MaterialIconsOutlined-Regular.otf) format('opentype'),
-    url(../fonts/material_design_icons/MaterialIconsRound-Regular.otf) format('opentype'),
-    url(../fonts/material_design_icons/MaterialIconsSharp-Regular.otf) format('opentype'),
-    url(../fonts/material_design_icons/MaterialIconsTwoTone-Regular.otf) format('opentype');
+    url(../fonts/material_icons/MaterialIcons-Regular.ttf) format('truetype'),
+    url(../fonts/material_icons/MaterialIconsOutlined-Regular.otf) format('opentype'),
+    url(../fonts/material_icons/MaterialIconsRound-Regular.otf) format('opentype'),
+    url(../fonts/material_icons/MaterialIconsSharp-Regular.otf) format('opentype'),
+    url(../fonts/material_icons/MaterialIconsTwoTone-Regular.otf) format('opentype');
 }
 
 .material-icons {

web/app/static/css/nopaque.css

@@ -125,16 +125,16 @@ indicator will show up how the column is sorted right now.; */
   content: "help";
 }
 .service[data-service="corpus-analysis"]:before {
-  content: "search";
+  content: "H";
 }
 .service[data-service="file-setup"]:before {
-  content: "burst_mode";
+  content: "E";
 }
 .service[data-service="nlp"]:before {
-  content: "format_textdirection_l_to_r";
+  content: "G";
 }
 .service[data-service="ocr"]:before {
-  content: "find_in_page";
+  content: "F";
 }
 .status[data-status]:before {
   content: attr(data-status);

web/app/static/css/nopaque_icons.css

@@ -0,0 +1,89 @@
+/* https://google.github.io/material-design-icons/#setup-method-2-self-hosting */
+
+@font-face {
+  font-family: 'nopaque Icons';
+  font-style: normal;
+  font-weight: 400;
+  src: local('nopaque Icons'),
+    local('nopaqueIcons-Regular'),
+    url(../fonts/nopaque_icons/nopaqueIcons-Regular.otf) format('opentype');
+}
+
+.nopaque-icons {
+  font-family: 'nopaque Icons';
+  font-weight: normal;
+  font-style: normal;
+  font-size: 24px;  /* Preferred icon size */
+  display: inline-block;
+  line-height: 1;
+  text-transform: none;
+  letter-spacing: normal;
+  word-wrap: normal;
+  white-space: nowrap;
+  direction: ltr;
+
+  /* Support for all WebKit browsers. */
+  -webkit-font-smoothing: antialiased;
+  /* Support for Safari and Chrome. */
+  text-rendering: optimizeLegibility;
+
+  /* Support for Firefox. */
+  -moz-osx-font-smoothing: grayscale;
+
+  /* Support for IE. */
+  font-feature-settings: 'liga';
+}
+
+.breadcrumb i.nopaque-icons {
+  display: inline-block;
+  float: left;
+  font-size: 24px;
+}
+
+.nopaque-icons {
+  text-rendering: optimizeLegibility;
+  -webkit-font-feature-settings: 'liga';
+     -moz-font-feature-settings: 'liga';
+          font-feature-settings: 'liga';
+}
+
+nav i.nopaque-icons {
+  display: block;
+  font-size: 24px;
+  height: 56px;
+  line-height: 56px;
+}
+
+nav .brand-logo i.nopaque-icons {
+  float: left;
+  margin-right: 15px;
+}
+
+nav ul a.btn > .nopaque-icons, nav ul a.btn-large > .nopaque-icons, nav ul a.btn-small > .nopaque-icons, nav ul a.btn-large > .nopaque-icons, nav ul a.btn-flat > .nopaque-icons, nav ul a.btn-floating > .nopaque-icons {
+  height: inherit;
+  line-height: inherit;
+}
+
+.input-field input[type=search]:focus:not(.browser-default) ~ .nopaque-icons {
+  color: #444;
+}
+
+.input-field input[type=search] ~ .nopaque-icons {
+  position: absolute;
+  top: 0;
+  right: 1rem;
+  color: transparent;
+  cursor: pointer;
+  font-size: 2rem;
+  -webkit-transition: .3s color;
+  transition: .3s color;
+}
+
+.sidenav li > a > i.nopaque-icons {
+  float: left;
+  height: 48px;
+  line-height: 48px;
+  margin: 0 32px 0 0;
+  width: 24px;
+  color: rgba(0, 0, 0, 0.54);
+}

web/app/static/js/nopaque/RessourceLists/JobList.js

@@ -82,7 +82,7 @@ class JobList extends RessourceList {
 }
 JobList.options = {
   item: `<tr>
-           <td><a class="btn-floating disabled"><i class="material-icons service"></i></a></td>
+           <td><a class="btn-floating disabled"><i class="nopaque-icons service"></i></a></td>
            <td><b class="title"></b><br><i class="description"></i></td>
            <td><span class="badge new status" data-badge-caption=""></span></td>
            <td class="right-align">