Tweaking mobile layout slightly
Tweaking mobile layout slightly

@media (max-width: 767px) { @media (max-width: 767px) {
/* Rejig the navbar */ /* Rejig the navbar */
#NavContent { width: 100%; font-size: small; } #NavContent { width: 100%; font-size: small; }
.brand {display: none !important;} .brand {display: none !important;}
#menuDivi1 {display: none !important;} #menuDivi1 {display: none !important;}
#menuDivi2 {display: none !important;} #menuDivi2 {display: none !important;}
#navbyCredType {display: none;} #navbyCredType {display: none;}
.UserMenuUserName {display: none; } .UserMenuUserName {display: none; }
#NavBarLoginForm input {margin-top: 0px; margin-bottom: 10px; width: 25%;} #NavBarLoginForm input {margin-top: 0px; margin-bottom: 10px; width: 25%;}
.dropdown-menu {font-size: x-small;} .dropdown-menu {font-size: x-small;}
/* Rejig the content */ /* Rejig the content */
body {padding-left: 0px !important; padding-right:0px !important;} body {padding-left: 0px !important; padding-right:0px !important;}
h1 {font-size: 20px; line-height: 22px;} h1 {font-size: 20px; line-height: 22px;}
#ContentWrap {border-radius: 0px !important; width: 100%; padding: 0px;} #ContentWrap {border-radius: 0px !important; width: 96%; padding: 0px; padding-left: 2%; padding-right: 2%;}
.content {width: 100%} .content {width: 100%}
.btn {font-size: smaller} .btn {font-size: smaller}
.table th {font-size: x-small; padding: 2px;} .table th {font-size: x-small; padding: 2px;}
.table td {font-size: x-small; padding: 2px;} .table td {font-size: x-small; padding: 2px;}
.DisPwdText {display: none;} .DisPwdText {display: none;}
.DisPwdTextMob {display: inline;} .DisPwdTextMob {display: inline;}
.CredAddress {word-break: break-all;} .CredAddress {word-break: break-all;}
.CredPluginOutput * {font-size: x-small; padding: 0px; margin: 0px;} .CredPluginOutput * {font-size: x-small; padding: 0px; margin: 0px;}
.BreadCrumbs {width: 100%;} .BreadCrumbs {width: 100%;}
} }