1 files changed, 11 insertions, 96 deletions

diff --git a/web/css/main.css b/web/css/main.css
index f35d3ff4..e4396e1f 100644
--- a/web/css/main.css
+++ b/web/css/main.css
@@ -83,6 +83,12 @@ select:active {
 	background-image: url("../svg/select-arrow-intensive.svg") !important;
 }
 
+@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
+	button, select {
+		height: 45px !important;
+	}
+}
+
 .row50 {
 	display: inline-block;
 	width: 50%;
@@ -105,98 +111,7 @@ img.svg-gray {
 	vertical-align: middle;
 }
 
-img#logo {
-	padding-left: 16px;
-}
-
-ul#ctl {
-	box-shadow: var(--shadow-small);
-	list-style-type: none;
-	margin: 0;
-	padding: 0;
-	background-color: var(--bg-color-ctl);
-	position: fixed;
-	top: 0;
-	width: 100%;
-	height: 50px;
-	z-index: 2147483646;
-}
-ul#ctl li.ctl-logo {
-	line-height: 50px;
-	margin-top: -2px;
-	float: left;
-}
-ul#ctl li.ctl-right-actions {
-	float: right;
-}
-ul#ctl img {
-	vertical-align: middle;
-	margin-right: 10px;
-	height: 20px;
-}
-ul#ctl li a.ctl-item {
-	line-height: 50px;
-	outline: none;
-	cursor: pointer;
-	border-left: var(--border-black-thin);
-	display: inline-block;
-	color: var(--fg-color-normal);
-	padding-left: 16px;
-	padding-right: 16px;
-	text-decoration: none;
-}
-ul#ctl li a.ctl-item:hover:not(.active) {
-	background-color: var(--bg-color-hovered);
-}
-@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
-	/* iPad 8 */
-	ul#ctl li a.ctl-item:hover:not(.active) {
-		background-color: var(--bg-color-ctl) !important;
-	}
-}
-ul#ctl li a.ctl-item-selected {
-	box-shadow: 0 5px 0 var(--border-color-intensive) inset;
-	background-color: var(--bg-color-selected) !important;
-}
-div.ctl-dropdown-content {
-	visibility: hidden;
-	overflow: hidden;
-	white-space: nowrap;
-	border: var(--border-intensive-2px);
-	border-top: var(--border-dark-thin);
-	border-radius: 0 0 8px 8px;
-	position: absolute;
-	background-color: var(--bg-color-ctl);
-	min-width: 180px;
-	box-shadow: var(--shadow-big);
-	z-index: 2147483645;
-}
-div.ctl-dropdown-content button, select {
-	text-align: left;
-	padding: 0 16px;
-}
-div.ctl-dropdown-content div.buttons-row {
-	margin: 0;
-	padding: 0;
-	font-size: 0;
-}
-div.ctl-dropdown-content hr {
-	margin: 0;
-	display: block;
-	height: 0px;
-	padding: 0;
-	border: none;
-	border-top: var(--border-dark-thin);
-}
-div.ctl-dropdown-content-buttons {
-	background-color: var(--bg-color-normal);
-}
-div.ctl-dropdown-content-text {
-	margin: 10px 15px 10px 15px;
-	font-size: 14px;
-}
-
-ul#footer {
+ul.footer {
 	list-style-type: none;
 	bottom: 0;
 	position: fixed;
@@ -206,15 +121,15 @@ ul#footer {
 	color: var(--fg-color-inactive);
 	z-index: -10;
 }
-ul#footer li {
+ul.footer li {
 	padding: 0 10px;
 }
-ul#footer li.footer-left {
+ul.footer li.footer-left {
 	float: left;
 }
-ul#footer li.footer-right {
+ul.footer li.footer-right {
 	float: right;
 }
-ul#footer li a {
+ul.footer li a {
 	color: var(--fg-color-inactive);
 }