Add support for a large screen

comm/server/static/css/pynq-manager.css

 html, body{
-    /*width: 800px;*/
-    /*height: 500px;*/
     font-size: 11px;
     overflow: hidden;
 }
@@ -10,7 +8,7 @@ body{
 
 /* scrollbar settings */
 ::-webkit-scrollbar{
-    width: 25px;
+    width: 20px;
     border: 1px solid rgba(0, 0, 50, .2);
 }
 ::-webkit-scrollbar-thumb{
@@ -18,7 +16,7 @@ body{
 }
 
 #question-table-wrapper{
-    height: 300px;
+    height: calc(100vh - 50px);
     overflow-y: scroll;
     overflow-x: hidden;
 }
@@ -45,7 +43,7 @@ body{
 }
 
 #client-control-pane{
-    height: 330px;
+    height: calc(100vh - 20px);
     overflow-y: scroll;
 }
 

comm/server/templates/index.html

@@ -15,9 +15,9 @@
 
 <div id="wrapper">
         
-    <div id="contorol-panel-wrapper" class="container-fluid">
+    <div id="control-panel-wrapper" class="container-fluid">
 
-        <div class="row">
+        <div id="control-panel-row" class="row">
             <div class="col-5" id="question-control-pane">
                 <h3>問題一覧</h3>&nbsp;
                 <span><a href="/#" id="view-server-status-button">システム状況</a></span>