diff --git a/static/styles/night_mode.css b/static/styles/night_mode.css index 8e4522f953..165957f1fa 100644 --- a/static/styles/night_mode.css +++ b/static/styles/night_mode.css @@ -335,12 +335,6 @@ on a dark background, and don't change the dark labels dark either. */ opacity: 0.2; } - #about-zulip { - .about-zulip-version { - color: hsl(212, 17%, 81%); - } - } - #gear_menu_about_zulip { .white_zulip_icon_without_text { filter: invert(10%) sepia(16%) saturate(175%) hue-rotate(194deg) diff --git a/static/styles/zulip.css b/static/styles/zulip.css index 93409be964..2a61462c29 100644 --- a/static/styles/zulip.css +++ b/static/styles/zulip.css @@ -2720,41 +2720,17 @@ select.inline_select_topic_edit { } .overlay-content { - position: relative; - width: 300px; + width: 440px; border-radius: 4px; } - .modal-body { - display: flex; - flex-direction: column; - align-items: center; - } - .about-zulip-logo { - padding-top: 20px; - height: 70px; + text-align: center; + margin: 30px; } - .about-zulip-title { - font-weight: 600; - padding: 10px; - } - - .about-zulip-version { - color: hsl(222, 8%, 28%); - - .fa-copy { - padding-left: 3px; - } - - :hover { - cursor: pointer; - - .fa-copy { - color: hsl(0, 0%, 0%); - } - } + .about-zulip-logo img { + height: 40px; } } diff --git a/templates/zerver/app/about-zulip.html b/templates/zerver/app/about-zulip.html index af94ba3713..dce83b3058 100644 --- a/templates/zerver/app/about-zulip.html +++ b/templates/zerver/app/about-zulip.html @@ -1,16 +1,30 @@ -