Make discipline view more responsive for students

media/less/student/subject.less

@@ -104,4 +104,77 @@ h3.blockTitle
   background: @ColorBlue;
   color: @ColorBaseGrey;
   text-align: center;
-}
+}
\ No newline at end of file
+
+
+@media all and (max-width: 599px) {
+    body {
+        min-width: initial;
+    }
+
+    #errButton {
+        display: none;
+    }
+
+    .main_layer {
+        max-width: initial;
+        min-width: initial;
+    }
+
+    .main .main_top {
+        display: inherit;
+        position: inherit;
+    }
+
+    .helpLink {
+        display: none;
+    }
+
+    .sidePadding {
+        padding: 0 5px !important;
+    }
+
+    .main .main_content {
+        border-radius: 0;
+        overflow: scroll;
+        padding-top: 8px !important;
+
+        .submoduleBlock {
+            text-align: center;
+            
+            .submoduleTitle {
+                width: 100%;
+                margin-bottom: 5px;
+            }
+            
+            .submoduleRate, .submodulePercent, .submoduleDate {
+                width: 20%;
+            }
+        }
+        
+        .moduleResult {
+            margin-bottom: 20px;
+        }
+        
+        .label {
+            width: 40%;
+        }
+    }
+
+    .header_wrapper {
+        padding: 9pt 10px;
+
+        .logotype span, #username {
+            display: none;
+        }
+    }
+
+    div.window {
+        min-width: initial !important;
+
+        .window-block {
+            width: initial !important;
+            border-radius: 0;
+        }
+    }
+}

~dev_rating/application/views/student/subject.twig

 {% extends 'base' %} 
  
 {% block media %} {# head -> css, js #}
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
     {{ HTML.style('static/css/student/subject.css')|raw }}
 {% endblock %}