From: Samuel Guimarães <sguimaraes943@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@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