/* header */ .menu-header { height: 2.5cm; } .content-ios:not([no-bounce]) > .scroll-content::before { bottom: 0; } .menu-header .logo { position: absolute; left: 0.6cm; top: 0.9cm; width: 1.6cm; } .menu-header .background { height: 1.5cm; width: 100%; } /* title */ .title-v-spacer { height: 0.7cm; } .suliman-title { margin-left: 0.3cm; margin-right: 0.3cm; font-weight: bold; font-size: 0.5cm; } .group-title { margin-left: 0.4cm; margin-right: 0.4cm; font-size: 0.4cm; } /* items */ .items-buttons-spacer { height: 10%; } /* user information */ .user-v-spacer { height: 0.5cm; } .user-name-title { margin-left: 0.3cm; margin-right: 0.3cm; font-weight: bold; } .file-id-title { margin-left: 0.4cm; margin-right: 0.4cm; } .social-media-container { position: absolute !important; width: 100%; bottom: 0.2cm; background-color: white; } .icon-spacer { margin-right: 0.3cm; margin-left: 0.3cm; } /*mobile Landscape */ @media only screen and (min-device-height: 0px) and (max-device-height: 515px) and (orientation: landscape) { .social-media-container { display: none; } } .info-container { overflow-y: scroll; width: 100%; position: absolute; top: 2.6cm; bottom: 0.2cm; padding-bottom: 4.5cm; } @media only screen and (orientation: landscape) { .info-container { padding-bottom: 0.2cm; } } .member { border-bottom-color: var(--ion-color-medium) !important; border-bottom-width: 0.02cm; border-bottom-style: solid; /* margin-left: 0.4cm; */ } .selected-member { border-bottom-color: var(--ion-color-secondary) !important; border-bottom-width: 0.02cm; border-bottom-style: solid; margin-left: 0.2cm; }