Question

Facebook login looks bad on max Control.
Is there any alternative?
Got something to improve or expand the possibilities of starting the session?
thanks

Answer 1

Please find below code for the fix.

In file core.css from qa-theme/MaxControl/css/core.css

find below code between line #23 to line #70

/*---[ Start: global css ]---*/
.clearfix:after,
#qa-login-group:after,
.qa-header:after,
.qa-main-shadow:after,
.qa-footer-bottom-group:after,
.qa-main-wrapper:after,
.qa-nav-main-list:after,
.qa-nav-user-list:after,
.qa-q-item-stats:after,
.qa-activity-count:after,
.qa-body-wrapper:after,
.qa-a-item-buttons:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
.clearfix,
#qa-login-group,
.qa-header,
.qa-main-shadow,
.qa-nav-footer,
.qa-footer-bottom-group,
.qa-main-wrapper,
.qa-nav-main-list,
.qa-nav-user-list,
.qa-q-item-stats,
.qa-activity-count,
.qa-body-wrapper,
.qa-a-item-buttons { display: inline-table; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix,
#qa-login-group,
.qa-header,
.qa-main-shadow,
.qa-nav-footer,
.qa-footer-bottom-group,
.qa-main-wrapper,
.qa-nav-main-list,
.qa-nav-user-list,
.qa-q-item-stats,
.qa-activity-count,
.qa-body-wrapper,
.qa-a-item-buttons { display: block; }
/* End hide from IE-mac */ 

replace with below code

/*---[ Start: global css ]---*/
.clearfix:after,
#qa-login-group:after,
.qa-header:after,
.qa-main-shadow:after,
.qa-footer-bottom-group:after,
.qa-main-wrapper:after,
.qa-nav-main-list:after,
.qa-nav-user-list:after,
.qa-q-item-stats:after,
.qa-activity-count:after,
.qa-body-wrapper:after,
.qa-a-item-buttons:after,
#qa-loginform:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
.clearfix,
#qa-login-group,
.qa-header,
.qa-main-shadow,
.qa-nav-footer,
.qa-footer-bottom-group,
.qa-main-wrapper,
.qa-nav-main-list,
.qa-nav-user-list,
.qa-q-item-stats,
.qa-activity-count,
.qa-body-wrapper,
.qa-a-item-buttons,
#qa-loginform { display: inline-table; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix,
#qa-login-group,
.qa-header,
.qa-main-shadow,
.qa-nav-footer,
.qa-footer-bottom-group,
.qa-main-wrapper,
.qa-nav-main-list,
.qa-nav-user-list,
.qa-q-item-stats,
.qa-activity-count,
.qa-body-wrapper,
.qa-a-item-buttons,
#qa-loginform { display: block; }
/* End hide from IE-mac */ 

This should resolve the alignment and spacing issue. If you can't see the difference than remove your browser cache and restart it once.

Comments

Please look in to the reply and let us know if it has been fixed your issue or not yet. If it has been fixed than please close to consider it.