From 18629bfa646e4b0596a3c1ae9c6a3e3ba58347b9 Mon Sep 17 00:00:00 2001
From: Qube <qchinious@gmail.com>
Date: Wed, 18 Jul 2018 21:40:26 +0700
Subject: Add pre-animation, flash, shake, flip, and text color + Fix shout
 order according to AO2 specification

---
 webAO/client.css | 16 ++++++++++++++++
 1 file changed, 16 insertions(+)

(limited to 'webAO/client.css')

diff --git a/webAO/client.css b/webAO/client.css
index dce841e..5f04c39 100644
--- a/webAO/client.css
+++ b/webAO/client.css
@@ -174,6 +174,22 @@ img {
 	left: 0;
 }
 
+#client_shout {
+	position: absolute;
+	height: 100%;
+	width: 100%;
+	bottom: 0;
+	left: 0;
+}
+
+#client_background {
+	position: absolute;
+	background-color: transparent;
+	width:100%;
+	height:auto;
+	padding-bottom: 75%;
+}
+
 #client_name {
 	display: none;
 	height: 7%;
-- 
cgit 


From adf3cacdf2c6426a7eb7ea5fc500082992f357aa Mon Sep 17 00:00:00 2001
From: Qube <qchinious@gmail.com>
Date: Thu, 19 Jul 2018 20:12:57 +0700
Subject: Add evidence and mainmenu

---
 webAO/client.css | 61 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 61 insertions(+)

(limited to 'webAO/client.css')

diff --git a/webAO/client.css b/webAO/client.css
index 5f04c39..f2cdd0e 100644
--- a/webAO/client.css
+++ b/webAO/client.css
@@ -174,6 +174,16 @@ img {
 	left: 0;
 }
 
+#client_evi {
+	opacity: 0;
+	position: absolute;
+	background-repeat: no-repeat;
+    background-size: contain;
+	height: 0%;
+	width: auto;
+	top: 1.5em;
+}
+
 #client_shout {
 	position: absolute;
 	height: 100%;
@@ -324,6 +334,12 @@ img {
 	height: 20px;
 }
 
+#evi_icon {
+	background-image: url('misc/empty.png');
+	background-repeat: no-repeat;
+    background-size: contain;
+}
+
 .slider {
 	padding-right: 4px;
 	width: 80%;
@@ -347,6 +363,26 @@ img {
 	padding: 1px;
 }
 
+.client_button.hover_button.inactive{	
+	display: none;
+}
+
+.client_button.hover_button:hover{	
+	margin:-2px;
+	border-radius: 5px;
+	border-style: dashed;
+    border-width: 2px;
+    border-color: #FFD081;
+}
+
+.client_button.hover_button:hover{	
+	margin:-2px;
+	border-radius: 5px;
+	border-style: dashed;
+    border-width: 2px;
+    border-color: #FFD081;
+}
+
 .dark {
 	filter: brightness(50%);
 }
@@ -377,4 +413,29 @@ img {
 .hrtext:after {
 	left: 0.5em;
 	margin-right: -50%;
+}
+
+.menu_content{
+	margin: 15px 15px; 
+	display: none;
+}
+
+.menu_content.active{
+	display: block;
+}
+
+.menu_icon{ 
+	cursor: pointer;
+	line-height:15px; 
+	display: inline-table;
+	margin: 10px 15px;
+	opacity: 1;
+}
+
+.menu_icon.active{
+	opacity: 0.25;
+}
+
+.material-icons.em-3 { 
+	font-size: 3em; 
 }
\ No newline at end of file
-- 
cgit 


From 67d1e2252b8f46605d49a6c95c80475b890ec3b8 Mon Sep 17 00:00:00 2001
From: Qube <qchinious@gmail.com>
Date: Fri, 20 Jul 2018 00:23:20 +0700
Subject: Add location section (Area selector and background change) + fix desk
 to 'bancodefensa' and 'bancoacusacion' when 'defensedesk' and
 'prosecutiondesk' are not existed

---
 webAO/client.css | 33 ++++++++++++++++++++++++++++++---
 1 file changed, 30 insertions(+), 3 deletions(-)

(limited to 'webAO/client.css')

diff --git a/webAO/client.css b/webAO/client.css
index f2cdd0e..d6360e3 100644
--- a/webAO/client.css
+++ b/webAO/client.css
@@ -159,10 +159,10 @@ img {
 #client_bench {
 	display: none;
 	position: absolute;
-	height: 100%;
+	height: auto;
 	width: 100%;
-	top: 0;
-	left: 0;
+    bottom: 0;
+    left: 0;
 }
 
 #client_fg {
@@ -340,6 +340,17 @@ img {
     background-size: contain;
 }
 
+#bg_preview {
+	max-width: 150px;
+	max-height: 112px;
+	width: 100%;
+	height: 100%;
+	border-style: double;
+    border-radius: 7px;
+    border-color: white;
+    border-width: 3px;
+}
+
 .slider {
 	padding-right: 4px;
 	width: 80%;
@@ -438,4 +449,20 @@ img {
 
 .material-icons.em-3 { 
 	font-size: 3em; 
+}
+
+.location-box{
+	border-style: double;
+	background-color: #7B2900;
+    min-width: 120px;
+    margin: 5px;
+    display: inline-block;
+    padding: 10px;
+    border-radius: 7px;
+    border-color: white;
+    border-width: 3px;
+}
+
+.location-box:hover{
+	border-color: #FFD081;
 }
\ No newline at end of file
-- 
cgit 


From 1e55e05fc9ca04437abf7823e3ab50c131529bf0 Mon Sep 17 00:00:00 2001
From: Qube <qchinious@gmail.com>
Date: Fri, 20 Jul 2018 20:57:37 +0700
Subject: Add witness testinomy, cross examination, call mod function + Fix
 animation sequence more reliable (using gify API to calculate animation
 duration) + Resign interface to gain more space.

---
 webAO/client.css | 11 +++++++++++
 1 file changed, 11 insertions(+)

(limited to 'webAO/client.css')

diff --git a/webAO/client.css b/webAO/client.css
index d6360e3..60f6645 100644
--- a/webAO/client.css
+++ b/webAO/client.css
@@ -334,6 +334,13 @@ img {
 	height: 20px;
 }
 
+#client_testimony {
+	display: block;
+    position: absolute;
+    width: 100%;
+    height: auto;
+}
+
 #evi_icon {
 	background-image: url('misc/empty.png');
 	background-repeat: no-repeat;
@@ -447,6 +454,10 @@ img {
 	opacity: 0.25;
 }
 
+.menu_icon:hover{
+	color: #FFD081;
+}
+
 .material-icons.em-3 { 
 	font-size: 3em; 
 }
-- 
cgit 


From c1730c3e16d088c03f27adab3ebfb4e6f7a37d1a Mon Sep 17 00:00:00 2001
From: Qube <qchinious@gmail.com>
Date: Sat, 21 Jul 2018 01:00:48 +0700
Subject: Add penalty bars function and confirm dialog for "call mod" button.

---
 webAO/client.css | 48 ++++++++++++++++++++++++++++++++++++++----------
 1 file changed, 38 insertions(+), 10 deletions(-)

(limited to 'webAO/client.css')

diff --git a/webAO/client.css b/webAO/client.css
index 60f6645..721ad45 100644
--- a/webAO/client.css
+++ b/webAO/client.css
@@ -327,11 +327,9 @@ img {
 
 #client_bars {
 	position: relative;
-	/*! margin-bottom: 30px; */
 	text-align: center;
-	/* display: flex; */
-	/* flex-direction: row; */
-	height: 20px;
+	display: flex; 
+	display: -webkit-flex;
 }
 
 #client_testimony {
@@ -366,15 +364,41 @@ img {
 	margin-right: auto;
 }
 
-.client_defense {
-	/* position: absolute; */
-	/* left: 30px; */
-	width: 90px;
+#client_defense_hp{
+	text-align: left;
+}
+
+#client_defense_hp > .health-bar{
+	background-color: #169de0;
+}
+
+#client_prosecutor_hp{
+	text-align: right;
+}
+
+#client_prosecutor_hp > .health-bar{
+	background-color: #e01f5f;
+}
+
+
+.health-box {
+	background-color: #555;
 	height: 20px;
+	width: 50%;
+	margin: 0 auto;	
+	border: solid 2px #aaa;
+	border-radius: 5px;
+	box-sizing:border-box;
+	display: block;
 }
 
-.client_prosecutor {
-	/* left: 130px; */
+.health-bar {  
+	width: 100%;
+	height: 100%;
+	border-radius: 3px;
+	bottom: 0;
+	position: relative;
+	display: inline-block;
 }
 
 .client_button {
@@ -462,6 +486,10 @@ img {
 	font-size: 3em; 
 }
 
+.material-icons.em-1-5 { 
+	font-size: 1.5em; 
+}
+
 .location-box{
 	border-style: double;
 	background-color: #7B2900;
-- 
cgit 


From 67443e853de53562fc8d85a9655324e246ef22ba Mon Sep 17 00:00:00 2001
From: Qube <qchinious@gmail.com>
Date: Sat, 21 Jul 2018 11:25:30 +0700
Subject: Add jquery ui mobile support + bbcode description in guide.

---
 webAO/client.css | 1 +
 1 file changed, 1 insertion(+)

(limited to 'webAO/client.css')

diff --git a/webAO/client.css b/webAO/client.css
index 721ad45..d62bc6f 100644
--- a/webAO/client.css
+++ b/webAO/client.css
@@ -220,6 +220,7 @@ img {
 }
 
 #client_chat {
+	font-size: 1em;
 	display: none;
 	width: 98%; /* fallback if needed */
     width: calc(100% - 4px);
-- 
cgit 


From 2f18d565cb06de3826aee13fd07356adf29d9cbc Mon Sep 17 00:00:00 2001
From: gameboyprinter <gameboyprinter@users.noreply.github.com>
Date: Mon, 20 Aug 2018 18:46:00 -0500
Subject: refactor part 1

---
 webAO/client.css | 196 ++++++++++++++++++++++++-------------------------------
 1 file changed, 84 insertions(+), 112 deletions(-)

(limited to 'webAO/client.css')

diff --git a/webAO/client.css b/webAO/client.css
index d62bc6f..a76ef6f 100644
--- a/webAO/client.css
+++ b/webAO/client.css
@@ -1,13 +1,13 @@
-body {	
-	font-family: "Ace Attorney","メイリオ",Meiryo,Hiragino Kaku Gothic Pro,"ヒラギノ角ゴ Pro W3",Osaka,"MS Gothic","ＭＳ Ｐゴシック",Tahoma,Sans;
+body {
+	font-family: "Ace Attorney", "メイリオ", Meiryo, Hiragino Kaku Gothic Pro, "ヒラギノ角ゴ Pro W3", Osaka, "MS Gothic", "ＭＳ Ｐゴシック", Tahoma, Sans;
 }
 
 img {
 	image-rendering: -moz-crisp-edges;
-    image-rendering: -o-crisp-edges;
-    image-rendering: -webkit-optimize-contrast;
-    image-rendering: crisp-edges;
-    -ms-interpolation-mode: nearest-neighbor;
+	image-rendering: -o-crisp-edges;
+	image-rendering: -webkit-optimize-contrast;
+	image-rendering: crisp-edges;
+	-ms-interpolation-mode: nearest-neighbor;
 }
 
 #about-logo {
@@ -16,20 +16,26 @@ img {
 	image-rendering: auto;
 }
 
-@keyframes error_blink {  
-	0% { color: white; }
-	50% { color: red; }
-	100% { color: white; }
+@keyframes error_blink {
+	0% {
+		color: white;
+	}
+	50% {
+		color: red;
+	}
+	100% {
+		color: white;
+	}
 }
 
 .error {
 	position: absolute;
 	width: 50vw;
 	height: 25vh;
-    top: 50%;
-    left: 50%;
-    margin-right: -50%;
-    transform: translate(-50%, -50%);
+	top: 50%;
+	left: 50%;
+	margin-right: -50%;
+	transform: translate(-50%, -50%);
 	display: flex;
 	margin: 0 auto;
 	justify-content: center;
@@ -47,10 +53,10 @@ img {
 	position: absolute;
 	width: 90vw;
 	height: 30vh;
-    top: 50%;
-    left: 50%;
-    margin-right: -50%;
-    transform: translate(-50%, -50%);
+	top: 50%;
+	left: 50%;
+	margin-right: -50%;
+	transform: translate(-50%, -50%);
 	justify-content: center;
 	display: flex;
 	align-items: center;
@@ -62,10 +68,7 @@ img {
 
 #client_gamewindow {
 	position: relative;
-	/*! top: 0; */
-	/*! left: 0; */
-  /*! width: 100%; */
-  padding-bottom: 75%;
+	padding-bottom: 75%;
 }
 
 #client_charselect {
@@ -99,19 +102,9 @@ img {
 }
 
 #client_wrapper {
-	/*! position: absolute; */
-	/*! top: 0; */
-	/*! left: 0; */
 	background-color: #888888;
-	/*! height: 99%; */
-	/*! width: 512px; */
-	/*! margin: 0; */
-	/*! padding: 0; */
-	/*! float: left; */
-	/*! resize: horizontal; */
 	overflow: auto;
-	overflow-y:hidden;
-	/*! border: 1px solid; */
+	overflow-y: hidden;
 	min-width: 256px;
 	resize: horizontal;
 }
@@ -129,11 +122,7 @@ img {
 }
 
 #client_settings {
-	/*! position: absolute; */
-	/*! top: 100%; */
 	width: 100%;
-	/*! grid-column: 1; */
-	/*! grid-row: 2; */
 }
 
 .area_btn {
@@ -161,8 +150,8 @@ img {
 	position: absolute;
 	height: auto;
 	width: 100%;
-    bottom: 0;
-    left: 0;
+	bottom: 0;
+	left: 0;
 }
 
 #client_fg {
@@ -178,7 +167,7 @@ img {
 	opacity: 0;
 	position: absolute;
 	background-repeat: no-repeat;
-    background-size: contain;
+	background-size: contain;
 	height: 0%;
 	width: auto;
 	top: 1.5em;
@@ -195,16 +184,16 @@ img {
 #client_background {
 	position: absolute;
 	background-color: transparent;
-	width:100%;
-	height:auto;
+	width: 100%;
+	height: auto;
 	padding-bottom: 75%;
 }
 
 #client_name {
 	display: none;
 	height: 7%;
-	border: 1px solid rgba(255,255,255,0.7);
-	background:rgba(73,0,254,0.5);
+	border: 1px solid rgba(255, 255, 255, 0.7);
+	background: rgba(73, 0, 254, 0.5);
 	top: 63%;
 	border-radius: 3px;
 	position: absolute;
@@ -222,12 +211,12 @@ img {
 #client_chat {
 	font-size: 1em;
 	display: none;
-	width: 98%; /* fallback if needed */
-    width: calc(100% - 4px);
+	width: 98%;
+	width: calc(100% - 4px);
 	margin: auto;
 	height: 30%;
-	border: 2px solid rgba(255,255,255,0.7);
-	background-color: rgba(0,0,0,0.5);
+	border: 2px solid rgba(255, 255, 255, 0.7);
+	background-color: rgba(0, 0, 0, 0.5);
 	top: 70%;
 	border-radius: 4px;
 	position: absolute;
@@ -243,6 +232,7 @@ img {
 	margin: 4px;
 	color: white;
 }
+
 .long {
 	width: 100%;
 	background-color: #dddddd;
@@ -253,40 +243,28 @@ img {
 }
 
 #client_chatlog {
-	/*! width: 244px; */
-	/*! height: 100%; */
-	/*! background: #dbdbdb url("misc/chat2.png") no-repeat; */
-	/*! padding: 0; */
-	/*! position: absolute; */
 	top: 0;
 	right: 0;
-	/* grid-column: 2; */
 	flex: 1;
 }
 
 #client_log {
 	position: relative;
-	/* top: 3px; */
-	/*! left: 10px; */
 	height: 100%;
-	/*! width: 99%; */
 	color: white;
 	word-break: keep-all;
-	word-wrap:break-word;
+	word-wrap: break-word;
 	overflow-wrap: break-word;
 	overflow-y: scroll;
 	font-size: medium;
-	/* margin-bottom: 10px; */
 	background-color: #242424;
 	border: black;
 	border-style: solid;
-	/* max-width: 50em; */
-	/* min-height: 30em; */
 	text-align: start;
 	line-height: .85em;
 }
 
-#client_log > p {
+#client_log>p {
 	line-height: 1.1em;
 }
 
@@ -302,9 +280,6 @@ img {
 }
 
 #client_ooclog {
-	/*! width: 99%; */
-	/* margin-top: 25px; */
-	/* height: 50%; */
 	position: relative;
 	background-color: #242424;
 	color: white;
@@ -320,8 +295,6 @@ img {
 
 #client_musiclist {
 	width: 99%;
-	/* margin-top: 20px; */
-	/*! height: 50%; */
 	background-color: #222;
 	color: white;
 }
@@ -329,21 +302,21 @@ img {
 #client_bars {
 	position: relative;
 	text-align: center;
-	display: flex; 
+	display: flex;
 	display: -webkit-flex;
 }
 
 #client_testimony {
 	display: block;
-    position: absolute;
-    width: 100%;
-    height: auto;
+	position: absolute;
+	width: 100%;
+	height: auto;
 }
 
 #evi_icon {
 	background-image: url('misc/empty.png');
 	background-repeat: no-repeat;
-    background-size: contain;
+	background-size: contain;
 }
 
 #bg_preview {
@@ -352,9 +325,9 @@ img {
 	width: 100%;
 	height: 100%;
 	border-style: double;
-    border-radius: 7px;
-    border-color: white;
-    border-width: 3px;
+	border-radius: 7px;
+	border-color: white;
+	border-width: 3px;
 }
 
 .slider {
@@ -365,35 +338,34 @@ img {
 	margin-right: auto;
 }
 
-#client_defense_hp{
+#client_defense_hp {
 	text-align: left;
 }
 
-#client_defense_hp > .health-bar{
+#client_defense_hp>.health-bar {
 	background-color: #169de0;
 }
 
-#client_prosecutor_hp{
+#client_prosecutor_hp {
 	text-align: right;
 }
 
-#client_prosecutor_hp > .health-bar{
+#client_prosecutor_hp>.health-bar {
 	background-color: #e01f5f;
 }
 
-
 .health-box {
 	background-color: #555;
 	height: 20px;
 	width: 50%;
-	margin: 0 auto;	
+	margin: 0 auto;
 	border: solid 2px #aaa;
 	border-radius: 5px;
-	box-sizing:border-box;
+	box-sizing: border-box;
 	display: block;
 }
 
-.health-bar {  
+.health-bar {
 	width: 100%;
 	height: 100%;
 	border-radius: 3px;
@@ -406,24 +378,24 @@ img {
 	padding: 1px;
 }
 
-.client_button.hover_button.inactive{	
+.client_button.hover_button.inactive {
 	display: none;
 }
 
-.client_button.hover_button:hover{	
-	margin:-2px;
+.client_button.hover_button:hover {
+	margin: -2px;
 	border-radius: 5px;
 	border-style: dashed;
-    border-width: 2px;
-    border-color: #FFD081;
+	border-width: 2px;
+	border-color: #FFD081;
 }
 
-.client_button.hover_button:hover{	
-	margin:-2px;
+.client_button.hover_button:hover {
+	margin: -2px;
 	border-radius: 5px;
 	border-style: dashed;
-    border-width: 2px;
-    border-color: #FFD081;
+	border-width: 2px;
+	border-color: #FFD081;
 }
 
 .dark {
@@ -458,51 +430,51 @@ img {
 	margin-right: -50%;
 }
 
-.menu_content{
-	margin: 15px 15px; 
+.menu_content {
+	margin: 15px 15px;
 	display: none;
 }
 
-.menu_content.active{
+.menu_content.active {
 	display: block;
 }
 
-.menu_icon{ 
+.menu_icon {
 	cursor: pointer;
-	line-height:15px; 
+	line-height: 15px;
 	display: inline-table;
 	margin: 10px 15px;
 	opacity: 1;
 }
 
-.menu_icon.active{
+.menu_icon.active {
 	opacity: 0.25;
 }
 
-.menu_icon:hover{
+.menu_icon:hover {
 	color: #FFD081;
 }
 
-.material-icons.em-3 { 
-	font-size: 3em; 
+.material-icons.em-3 {
+	font-size: 3em;
 }
 
-.material-icons.em-1-5 { 
-	font-size: 1.5em; 
+.material-icons.em-1-5 {
+	font-size: 1.5em;
 }
 
-.location-box{
+.location-box {
 	border-style: double;
 	background-color: #7B2900;
-    min-width: 120px;
-    margin: 5px;
-    display: inline-block;
-    padding: 10px;
-    border-radius: 7px;
-    border-color: white;
-    border-width: 3px;
+	min-width: 120px;
+	margin: 5px;
+	display: inline-block;
+	padding: 10px;
+	border-radius: 7px;
+	border-color: white;
+	border-width: 3px;
 }
 
-.location-box:hover{
+.location-box:hover {
 	border-color: #FFD081;
 }
\ No newline at end of file
-- 
cgit 


From 8818ba99f804b1b1845a4757d67cc32d552956e1 Mon Sep 17 00:00:00 2001
From: oldmud0 <oldmud0@users.noreply.github.com>
Date: Sat, 8 Sep 2018 19:02:32 -0500
Subject: Continue major cleanup and style fixes

---
 webAO/client.css | 39 +++++++++++++++++++++++++++++----------
 1 file changed, 29 insertions(+), 10 deletions(-)

(limited to 'webAO/client.css')

diff --git a/webAO/client.css b/webAO/client.css
index a76ef6f..79c2d00 100644
--- a/webAO/client.css
+++ b/webAO/client.css
@@ -16,6 +16,14 @@ img {
 	image-rendering: auto;
 }
 
+.lm_content :link {
+	color: #4288f2;
+}
+
+.lm_content :visited {
+	color: #a65bd4;
+}
+
 @keyframes error_blink {
 	0% {
 		color: white;
@@ -87,13 +95,15 @@ img {
 }
 
 #client_chartable {
-	height: 360px;
-	width: 320px;
-	margin: 0 auto;
-	vertical-align: middle;
 	background: #eeeeee;
 }
 
+#client_chartable_container {
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+}
+
 .demothing {
 	height: 60px;
 	width: 60px;
@@ -258,8 +268,6 @@ img {
 	overflow-y: scroll;
 	font-size: medium;
 	background-color: #242424;
-	border: black;
-	border-style: solid;
 	text-align: start;
 	line-height: .85em;
 }
@@ -319,6 +327,15 @@ img {
 	background-size: contain;
 }
 
+.evi_options {
+	display: inline-block;
+}
+
+.evi_options label {
+	display: inline-block;
+	width: 6em;
+}
+
 #bg_preview {
 	max-width: 150px;
 	max-height: 112px;
@@ -376,6 +393,7 @@ img {
 
 .client_button {
 	padding: 1px;
+	cursor: pointer;
 }
 
 .client_button.hover_button.inactive {
@@ -464,15 +482,16 @@ img {
 }
 
 .location-box {
-	border-style: double;
+	border-style: solid;
 	background-color: #7B2900;
 	min-width: 120px;
 	margin: 5px;
 	display: inline-block;
-	padding: 10px;
-	border-radius: 7px;
+	padding: 6px;
+	border-radius: 5px;
 	border-color: white;
-	border-width: 3px;
+	border-width: 1px;
+	cursor: pointer;
 }
 
 .location-box:hover {
-- 
cgit 


From 1db7474cbdcf13c586ee3fc446375d8a9d638a10 Mon Sep 17 00:00:00 2001
From: oldmud0 <oldmud0@users.noreply.github.com>
Date: Sat, 8 Sep 2018 21:12:16 -0500
Subject: Fix some more annoyances

- Use createTextNode instead of escapeHtml
- Add area change messages in IC log
- Move "Call Mod" button to menu, replacing "Guide" which was mostly
  empty except for the BBCode reference (but you can surely look that up
  somewhere else, at least until more documentation for webAO has
  been produced)
- Compact the evidence editor
- Fix bug where the last emote was not displayed in the emotes list

Some issues that remain:

- Clients still cannot send special Unicode characters, but they can receive
  them correctly.
- Shout animations run for longer than the GIF animation length.
- Preanims sometimes play when they are not supposed to.
- GoldenLayout panels cannot be dragged around for some reason.
- The chatbox does not automatically scroll down.
- When the game panel is maximized, the viewport should not exceed the size of
  the game panel.
---
 webAO/client.css | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

(limited to 'webAO/client.css')

diff --git a/webAO/client.css b/webAO/client.css
index 79c2d00..29ff3cd 100644
--- a/webAO/client.css
+++ b/webAO/client.css
@@ -327,13 +327,18 @@ img {
 	background-size: contain;
 }
 
-.evi_options {
+#evi_options {
 	display: inline-block;
+	padding-left: 5px;
 }
 
-.evi_options label {
+#evi_options label {
 	display: inline-block;
-	width: 6em;
+	width: 3em;
+}
+
+#evi_desc {
+	flex: 1 auto;
 }
 
 #bg_preview {
-- 
cgit