Fixed flexbox issues with PhantomJS

app/assets/stylesheets/_application.scss

@@ -4859,8 +4859,10 @@ html[data-ontop] {
         }
 
         .github {
+            @if capable_of(flexbox, true) {
                 @include _(flex, none);
                 @include _(flex-basis, auto);
+            }
             margin: 0 1em;
         }
         .facebook, .external {
@@ -4883,6 +4885,19 @@ html[data-ontop] {
             margin: 0 0 0 2em;
             text-align: left;
         }
+
+        @if not capable_of(flexbox, true) {
+            margin-top: 5em;
+
+            .external {
+                float: left;
+            }
+
+            .site-info {
+                float: right;
+                margin-top: -3.5em;
+            }
+        }
     }
 
     .check-box-field,

app/assets/stylesheets/bumbleberry-settings.json

@@ -6,7 +6,7 @@
       "chrome": ["55"]
     },
     "development": {
-      "safari": ["5"],
+      "safari": ["5", "5.1"],
       "and_chr": ["57"],
       "chrome": ["57"],
       "edge": ["13"],