diff -r 58618d93c0fb -r a810539dc218 www/css/style.css --- a/www/css/style.css Mon Jan 07 22:35:32 2019 +0100 +++ b/www/css/style.css Tue Jan 08 21:54:19 2019 +0100 @@ -127,7 +127,7 @@ * | | * +-------------------------------+ */ -#fermentor_panel_top { +#fermenter_panel_top { width: 280px; height: 200px; float: right; @@ -138,18 +138,14 @@ border-radius: 5px 5px 5px 5px; } -#fermentor_selector { +#fermenter_selector { width: 100px; height: 198px; + margin-top: 3px; float: left; } -input.select { - margin-left: 10px; - margin-top: 13px; -} - -#fermentor_alarmled { +#fermenter_alarmled { width: 50px; height: 30px; float: left; @@ -158,7 +154,7 @@ margin-left: 20px; } -#fermentor_powerled { +#fermenter_powerled { width: 50px; height: 30px; float: left; @@ -167,7 +163,7 @@ margin-left: 42px; } -#fermentor_mode_control { +#fermenter_mode_control { width: 148px; height: 110px; float: left; @@ -175,7 +171,7 @@ background-color: #ddd; } -#fermentor_panel_display { +#fermenter_panel_display { width: 280px; height: 80px; float: right; @@ -187,7 +183,7 @@ margin-bottom: 3px; } -#fermentor_display1 { +#fermenter_display1 { width: 93px; height: 76px; float: left; @@ -195,7 +191,7 @@ margin-top: 7px; } -#fermentor_display2 { +#fermenter_display2 { width: 93px; height: 76px; float: left; @@ -203,7 +199,7 @@ margin-top: 7px; } -#fermentor_display3 { +#fermenter_display3 { width: 93px; height: 76px; float: left; @@ -226,9 +222,9 @@ color: red; } -#fermentor_panel_control { +#fermenter_panel_control { width: 280px; - height: 120px; + height: 140px; float: right; margin: 5px; background-color: #252526; @@ -238,56 +234,31 @@ margin-bottom: 3px; } -#fermentor_led1 { -width: 93px; -height: 30px; -float: left; -text-align: center; -margin-top: 8px; -} - -#fermentor_led2 { -width: 93px; -height: 30px; -float: left; -text-align: center; -margin-top: 8px; +#fermenter_led1, +#fermenter_led2, +#fermenter_led3 { + width: 93px; + height: 30px; + float: left; + text-align: center; + margin-top: 8px; } -#fermentor_led3 { -width: 93px; -height: 30px; -float: left; -text-align: center; -margin-top: 8px; +#fermenter_toggle1 { + float: left; + margin-left: 29px; + margin-top: 20px; } -#fermentor_toggle1 { -width: 93px; -height: 70px; -float: left; -text-align: center; -margin-top: 10px; -} - -#fermentor_toggle2 { -width: 93px; -height: 70px; -float: left; -text-align: center; -margin-top: 10px; -} - -#fermentor_toggle3 { -width: 93px; -height: 70px; -float: left; -text-align: center; -margin-top: 10px; +#fermenter_toggle2, +#fermenter_toggle3 { + float: left; + margin-left: 57px; + margin-top: 20px; } -#fermentor_panel_buttons { +#fermenter_panel_buttons { width: 280px; height: 130px; float: right; @@ -300,19 +271,6 @@ } -#fermenter_tempdigits { - width: 145px; - height: 120px; - float: left; - margin-top: 170; - background-color: #252526; - border: 2px solid; - border-color: #59b4d4; - border-radius: 5px 5px 5px 5px; -} - - - .LEDred_on { margin: 5px auto; width: 18px;