Added and updated webengineering files

Frontend/static/css/components.css

@@ -195,6 +195,45 @@ button {
     line-height: 3em;
 }
 
+#custom-menu  {
+    display: none;
+    z-index:100000;
+    position: absolute;
+    background-color: rgb(229, 229, 229);
+    border-width: 1px;
+    border-style: solid;
+    border-color: rgb(114, 114, 114);
+    padding: 0 0.25em 0 1.5em;
+    width: 12em;
+    font-size: 12px;
+    overflow: hidden;
+    white-space:nowrap;
+    list-style: none;
+    margin: 0;
+}
+#custom-menu button {
+    display: block;
+    padding: 5px;
+    background: transparent;
+    border: 0;
+    outline: 0;
+    width: 100%;
+    text-align: left;
+    color: #333;
+}
+#custom-menu button:hover {
+    background-color: #DDD;
+    cursor: pointer;
+    color: #000;
+}
+#custom-menu button > span {
+    display: inline;
+    position: absolute;
+    right: 5px;
+    text-align: right;
+    color: rgb(102, 102, 102);
+}
+
 .material-icon {
     font-family: Material Icons, sans-serif !important;
     font-weight: 400;

Frontend/static/css/index.css

@@ -92,13 +92,14 @@ thead tr {
 }
 
 
-@media (max-width: 700px) {
+@media (max-width: 1000px) {
     #wrapper {
         flex-direction: column-reverse;
     }
 
     #tree {
         width: 100%;
+        max-width: unset;
         border-top: #404040 2px solid;
         border-right: none;
     }