From f3e5d748f56c2f8b5995fe911edbd3bbd32fe18a Mon Sep 17 00:00:00 2001
From: shylinux <shylinux@163.com>
Date: Tue, 1 Feb 2022 13:59:47 +0800
Subject: [PATCH] opt some

---
 page/index.css              | 13 +++++++------
 panel/action.css            |  3 ++-
 plugin/local/code/inner.css | 16 ++++++++++++----
 3 files changed, 21 insertions(+), 11 deletions(-)

diff --git a/page/index.css b/page/index.css
index 9f03fda9..f10ade46 100644
--- a/page/index.css
+++ b/page/index.css
@@ -24,7 +24,7 @@ div.story[data-type=spark] {
 select {
 	background-color:black; color:cyan;
 	box-shadow:4px 4px 10px 1px #626bd0;
-	height:1.7rem; padding:0 10px;
+	height:1.92rem; padding:0 10px;
 	cursor:pointer;
 }
 textarea { background-color:cyan; width:400px; height:60px; white-space:pre; }
@@ -32,7 +32,7 @@ input[type=button] { background-color:black; color:cyan; cursor:pointer; }
 input[type=text] {
 	background-color:cyan; color:black;
 	box-shadow:4px 4px 10px 1px #626bd0;
-	height:1.4rem; width:82px;
+	height:1.65rem; width:82px;
 	padding:0 4px;
 }
 input[name=date] { width:150px; }
@@ -90,8 +90,8 @@ td>input[type=button][name=stop] { background-color:red; }
 
 legend { box-shadow:4px 4px 20px 4px #626bd0; cursor:pointer; }
 fieldset { margin:0; border:0; padding:0; }
-fieldset>form.option { float:left; display:contents; }
-fieldset>form.option>div.item { float:left; margin-right:3px; min-height:25px; vertical-align:middle; }
+fieldset>form.option { float:left; display:contents; font-size:1.1rem; }
+fieldset>form.option>div.item { float:left; margin-right:3px; height:2rem; min-height:25px; vertical-align:middle; }
 fieldset>form.option>div.item>label { display:none; }
 fieldset>form.option>div.item input.args.char { width:20px; }
 fieldset>form.option>div.item input.args.tiny { width:40px; }
@@ -104,8 +104,8 @@ fieldset>form.option>div.item input.args[name=offset] { width:48px; }
 fieldset>form.option>div.item input.args[name=offend] { width:48px; }
 fieldset>form.option>div.item.textarea { clear:both; margin-top:4px; }
 
-fieldset>div.action { float:left; display:contents; }
-fieldset>div.action>div.item { float:left; margin-right:3px; vertical-align:middle; }
+fieldset>div.action { float:left; display:contents; font-size:1.1rem; }
+fieldset>div.action>div.item { float:left; margin-right:3px; height:2rem; vertical-align:middle; }
 fieldset>div.action>div.item.space { width:10px; }
 fieldset div.action>div.item>label { display:none; }
 fieldset>div.action>div.tabs { float:left; margin:0; padding:4px; cursor:pointer; }
@@ -185,6 +185,7 @@ fieldset>div.status>div.item>label { font-size:0.6rem; color:#bdb8b8e0; }
 body>div.toast div.title { color:#cae850; }
 body>div.toast div.duration { color:gray; }
 
+.select { background-color:red; }
 div.item.select, div.item:hover { background-color:red; }
 div.tabs.select, div.tabs:hover { background-color:#2e515f; border-bottom:solid 2px red; }
 div.story[data-type=spark] span:hover { background-color:#c10c8a; box-shadow:4px 4px 10px 1px #29318e; }
diff --git a/panel/action.css b/panel/action.css
index 2a208ae5..d4270c05 100644
--- a/panel/action.css
+++ b/panel/action.css
@@ -14,7 +14,8 @@ fieldset.Action div.output fieldset.plugin:hover {
 	box-shadow:4px 4px 12px 6px #626bd0;
 }
 fieldset.Action div.output fieldset.plugin legend {
-	margin-top:4px 5px; padding:2px 20px;
+	margin-top:4px 5px;
+ 	padding:0px 10px;
 	background-color:#0c739cd9;
 }
 fieldset.Action div.output fieldset.plugin legend:hover {
diff --git a/plugin/local/code/inner.css b/plugin/local/code/inner.css
index 6472440c..dd5ce024 100644
--- a/plugin/local/code/inner.css
+++ b/plugin/local/code/inner.css
@@ -109,7 +109,7 @@ fieldset.inner>div.output fieldset.toolkit>div.output>fieldset>legend {
 	float:left;
 }
 fieldset.inner>div.output fieldset.toolkit>div.status {
-  height:32px; overflow:auto;
+  /* height:32px; overflow:auto; */
 }
 fieldset.inner>div.output fieldset.toolkit>div.status>legend {
 	float:right; padding:4px; cursor:pointer;
@@ -125,10 +125,18 @@ fieldset.inner>div.output fieldset.toolkit>div.status>legend:hover {
 fieldset.inner>div.status {
 	height:26px; overflow:auto;
 }
-fieldset.inner>div.status legend {
-	float:right; padding:4px; cursor:pointer;
-	padding:4px 4px; border-left:solid 2px red;
+fieldset.Action fieldset.inner>div.status legend {
+	float:right;
+	font-size:1.1rem;
+ 	/* padding:4px; */
+ 	cursor:pointer;
+	/* padding:4px 4px; */
+ 	border-left:solid 2px red;
 	background:#0d969f8a;
+ 	padding:0px 10px;
+}
+fieldset.Action fieldset.inner>div.status legend.select {
+	background-color:red;
 }
 fieldset.inner>div.status legend.select {
 	background:green;