From 36a5a194c53dffdc70c894b135a817599c03a3b1 Mon Sep 17 00:00:00 2001
From: Skylar Ittner <admin@netsyms.com>
Date: Sat, 24 Jun 2017 19:02:50 -0600
Subject: [PATCH] Improve app dock CSS handling of many items (yay fluxbox,
 screw IE)

---
 home.php           | 42 ++++++++++++++++++++++--------------------
 static/css/app.css | 13 +++++--------
 2 files changed, 27 insertions(+), 28 deletions(-)

diff --git a/home.php b/home.php
index 2187ba5..9d1e7c9 100644
--- a/home.php
+++ b/home.php
@@ -91,27 +91,29 @@ if (!is_empty($_GET['page'])) {
                 </div>
             </nav>
 
-            <div class="app-dock">
-                <?php
-                foreach (EXTERNAL_APPS as $a) {
-                    ?>
-                    <div class="app-dock-item">
-                        <p>
-                            <a href="<?php echo $a['url']; ?>">
-                                <img class="img-responsive app-icon" src="<?php
-                                if (strpos($a['icon'], "http") !== 0) {
-                                    echo $a['url'] . $a['icon'];
-                                } else {
-                                    echo $a['icon'];
-                                }
-                                ?>"/>
-                                <span><?php echo $a['title']; ?></span>
-                            </a>
-                        </p>
-                    </div>
+            <div class="app-dock-container">
+                <div class="app-dock">
                     <?php
-                }
-                ?>
+                    foreach (EXTERNAL_APPS as $a) {
+                        ?>
+                        <div class="app-dock-item">
+                            <p>
+                                <a href="<?php echo $a['url']; ?>">
+                                    <img class="img-responsive app-icon" src="<?php
+                                    if (strpos($a['icon'], "http") !== 0) {
+                                        echo $a['url'] . $a['icon'];
+                                    } else {
+                                        echo $a['icon'];
+                                    }
+                                    ?>"/>
+                                    <span><?php echo $a['title']; ?></span>
+                                </a>
+                            </p>
+                        </div>
+                        <?php
+                    }
+                    ?>
+                </div>
             </div>
 
             <?php
diff --git a/static/css/app.css b/static/css/app.css
index aef129d..f4a1902 100644
--- a/static/css/app.css
+++ b/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%;
-    }
 }
\ No newline at end of file