[Kimchi-devel] [PATCH v3] [Wok] Fixed wok logos in small screen resolutions

[sguimaraes943 at gmail.com]

From: Samuel Guimarães <sguimaraes943 at gmail.com>

Fixed image alignment in Login page when two or more plugin logos are loaded. Increased column width to support small screen resolutions.

Signed-off-by: Samuel Guimarães <sguimaraes943 at gmail.com>
---
 ui/css/src/modules/_login.scss |  9 ++++-----
 ui/css/wok.css                 | 11 +++++------
 2 files changed, 9 insertions(+), 11 deletions(-)

diff --git a/ui/css/src/modules/_login.scss b/ui/css/src/modules/_login.scss
index 24f10c8..58bc714 100644
--- a/ui/css/src/modules/_login.scss
+++ b/ui/css/src/modules/_login.scss
@@ -22,8 +22,7 @@
     padding-right: 0 !important;
 
     .col-lg-4 {
-        width: 45.714em;
-        width: 64rem;
+        width: 685px;
         text-align: center;
         float: none;
         margin: 90px auto 0 auto;
@@ -36,13 +35,13 @@
 
     ul#wok-logos li > img {
         width: 120px;
-        display: block;
+        display: inline-block;
     }
 
     ul#wok-logos > li {
         display: inline-block;
-        padding-left: 40px;
-        padding-right: 40px;
+        padding-left: 20px;
+        padding-right: 20px;
         text-align: center;
 
         span.plugin-title,
diff --git a/ui/css/wok.css b/ui/css/wok.css
index 6f45d39..b121940 100644
--- a/ui/css/wok.css
+++ b/ui/css/wok.css
@@ -120,8 +120,7 @@ body {
 }
 
 .login .content .container .col-lg-4 {
-  width: 45.714em;
-  width: 64rem;
+  width: 685px;
   text-align: center;
   float: none;
   margin: 90px auto 0 auto;
@@ -134,13 +133,13 @@ body {
 
 .login .content .container ul#wok-logos li > img {
   width: 120px;
-  display: block;
+  display: inline-block;
 }
 
 .login .content .container ul#wok-logos > li {
   display: inline-block;
-  padding-left: 40px;
-  padding-right: 40px;
+  padding-left: 20px;
+  padding-right: 20px;
   text-align: center;
 }
 
@@ -1098,7 +1097,7 @@ input[type=radio].wok-radio + label {
 /*
 * Project Wok
 *
-* Copyright IBM Corp, 2015-2016
+* Copyright IBM Corp, 2016
 *
 * Code derived from Project Kimchi
 *
-- 
1.9.3