Improve app dock CSS handling of many items (yay fluxbox, screw IE)

home.php

@@ -91,6 +91,7 @@ if (!is_empty($_GET['page'])) {
                 </div>
             </nav>
 
+            <div class="app-dock-container">
                 <div class="app-dock">
                     <?php
                     foreach (EXTERNAL_APPS as $a) {
@@ -113,6 +114,7 @@ if (!is_empty($_GET['page'])) {
                     }
                     ?>
                 </div>
+            </div>
 
             <?php
             // Alert messages

static/css/app.css

@@ -45,6 +45,10 @@
     min-height: 250px;
 }
 
+.app-dock-container {
+    display: flex;
+}
+
 .app-dock {
     margin: 0 auto 10px auto;
     display: flex;
@@ -59,6 +63,7 @@
 
 .app-dock-item {
     padding: 0px 5px 2px 5px;
+    min-width: 100px;
 }
 
 .app-dock-item p {
@@ -90,10 +95,6 @@
     .row.widget-box > .col-sm-6:nth-child(2n+3) {
         clear: both;
     }
-    
-    .app-dock {
-        max-width: 50%;
-    }
 }
 
 /* Medium Devices, Desktops */
@@ -101,8 +102,4 @@
     .row.widget-box > .col-md-4:nth-child(3n+4) {
         clear: both;
     }
-    
-    .app-dock {
-        max-width: 50%;
-    }
 }