.title-container { display: flex; flex-direction: row; @media (max-width: 768px) { flex-direction: column; } } .tx-link { display: flex; flex-grow: 1; @media (min-width: 650px) { align-self: end; margin-left: 15px; margin-top: 0px; margin-bottom: -3px; } @media (min-width: 768px) { margin-bottom: 4px; top: 1px; position: relative; } @media (max-width: 768px) { order: 2; } } .qr-wrapper { background-color: #FFF; padding: 10px; padding-bottom: 5px; display: inline-block; position: absolute; bottom: 50px; left: -175px; z-index: 100; } .dropdownLabel { min-width: 50px; display: inline-block; } #inputGroupFileAddon04 { position: relative; } app-fiat { display: block; font-size: 13px; @media (min-width: 768px) { font-size: 14px; display: inline-block; margin-left: 10px; } } /* The switch - the box around the slider */ .switch { position: relative; display: inline-block; width: 30px; height: 17px; } /* Hide default HTML checkbox */ .switch input { opacity: 0; width: 0; height: 0; } /* The slider */ .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s; } .slider:before { position: absolute; content: ""; height: 13px; width: 13px; left: 2px; bottom: 2px; background-color: white; -webkit-transition: .4s; transition: .4s; } input:checked + .slider { background-color: #2196F3; } input:focus + .slider { box-shadow: 0 0 1px #2196F3; } input:checked + .slider:before { -webkit-transform: translateX(13px); -ms-transform: translateX(13px); transform: translateX(13px); } /* Rounded sliders */ .slider.round { border-radius: 17px; } .slider.round:before { border-radius: 50%; }