Browse Source

CSS fix for small screen sizes, e.g. on mobile phones

JensDiemer 11 years ago
parent
commit
99027813ef
1 changed files with 9 additions and 0 deletions
  1. 9 0
      gui/index.html

+ 9 - 0
gui/index.html

@@ -72,6 +72,15 @@ found in the LICENSE file.
     .table td {
       padding-left: 20px !important;
     }
+    
+    @media (max-width:767px){   
+      .table-responsive>.table>tbody>tr>td{
+        /* revert a bootstrap setting e.g.:
+         * for mobile phones to allow linebreaks in long repro folder/shared with
+         * columns. */
+        white-space:normal;
+      }
+    }
   </style>
 </head>