From fd9c7967c320fd004077f6a04d27b46acbeb8ff7 Mon Sep 17 00:00:00 2001
From: Peter Blazejewicz <peterblazejewicz@users.noreply.github.com>
Date: Sat, 28 Sep 2019 20:44:41 +0200
Subject: [PATCH] Fix layout of boards rows.

This removes empty spaces from the layout of the boards on the most of
the browsers. The code preserves left aligned layout and is backward
compatible with EI1

Thanks!
---
 resources/pinout.scss     | 15 ++++++++++++++-
 resources/pinout.scss.css | 14 +++++++++++++-
 2 files changed, 27 insertions(+), 2 deletions(-)

diff --git a/resources/pinout.scss b/resources/pinout.scss
index 1841eb9..afa7b5a 100644
--- a/resources/pinout.scss
+++ b/resources/pinout.scss
@@ -169,11 +169,24 @@ Content Area
 Boards Page
 */
 
+#boards > ul {
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    -ms-flex-wrap: wrap;
+    flex-wrap: wrap;
+    -webkit-box-align: start;
+    -ms-flex-align: start;
+    align-items: flex-start;
+    -webkit-box-pack: start;
+    -ms-flex-pack: start;
+    justify-content: flex-start;
+}
+
 #boards .board, #featured .board  {
     box-sizing:border-box;
     width:25%;
     display:block;
-    float:left;
     text-align:center;
 
     a {
diff --git a/resources/pinout.scss.css b/resources/pinout.scss.css
index 9a660a0..6de8539 100644
--- a/resources/pinout.scss.css
+++ b/resources/pinout.scss.css
@@ -134,11 +134,23 @@ Content Area
 /*
 Boards Page
 */
+#boards > ul {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-wrap: wrap;
+  flex-wrap: wrap;
+  -webkit-box-align: start;
+  -ms-flex-align: start;
+  align-items: flex-start;
+  -webkit-box-pack: start;
+  -ms-flex-pack: start;
+  justify-content: flex-start; }
+
 #boards .board, #featured .board {
   box-sizing: border-box;
   width: 25%;
   display: block;
-  float: left;
   text-align: center; }
   #boards .board a, #featured .board a {
     padding-top: 20px;