ui: scoreboard overflow if problems too many (#223)

packages/ui-default/components/table/table.page.styl

@@ -47,6 +47,7 @@
 
 .section__table-container
   overflow: hidden
+  overflow-x: auto
 
 .section__table-header
   background: $table-header-bg-color

packages/ui-default/misc/structure.styl

@@ -143,3 +143,6 @@
 
 .flex-cross-stretch
   align-items: stretch
+  
+.overflow-hidden-horizontal
+  overflow-x: hidden

packages/ui-default/pages/contest_scoreboard.page.styl

@@ -11,6 +11,7 @@
     text-align: center
 
   .col--problem_detail
+    min-width: rem(100px)
     border-left: 1px solid $table-border-color
     text-align: center
 

packages/ui-default/pages/homework_scoreboard.page.styl

@@ -11,6 +11,7 @@
     text-align: center
 
   .col--problem_detail
+    min-width: rem(100px)
     border-left: 1px solid $table-border-color
     text-align: center
 
@@ -19,4 +20,4 @@
       width: auto
 
     .col--problem_detail
-      display: none
+      display: none

packages/ui-default/templates/contest_scoreboard.html

@@ -12,7 +12,7 @@
         <span class="icon icon-download"></span> {{ _('Export as CSV') }}
       </a>
     </div>
-    <div class="section__body no-padding">
+    <div class="section__body no-padding overflow-hidden-horizontal">
       <table class="data-table">
         <colgroup>
         {%- for column in rows[0] -%}