🎨

app/article/style.css

@@ -83,7 +83,6 @@
 }
 #right_pannal {
 	flex: 3;
-	max-width: 20em;
 }
 #head_bar {
 	height: unset;

app/pcdl/css/style.css

@@ -2694,11 +2694,12 @@ th {
 	background-color: #555;
 	color: #fff;
 	text-align: center;
-	padding: 5px 0;
+	padding: 5px;
 	border-radius: 6px;
 	z-index: 1;
 	opacity: 0;
 	transition: all 0.6s;
+	white-space: nowrap;
 }
 
 .tooltip:hover .tooltiptext {

app/reader/right_tool_bar.php

@@ -6,8 +6,8 @@
 	height: calc(100% - 7.3em);
 	top: 7.3em;
 	left: 100%;
-	width: 30em;
-	min-width: 20em;
+	width: calc(30vw - 0.6em);
+	min-width: 20vw;
 	color: var(--btn-color);
 	background-color: var(--tool-bg-color);
 	z-index: 20;
@@ -27,7 +27,7 @@
 }
 
 .right_float_min #right_float_pannal {
-	left: calc(100% - 30em);
+	left: calc(100% - 30vw + 0.6em);
 }
 #right_float_pannal > #tool_bar {
 	/*position: absolute;*/
@@ -44,7 +44,7 @@
 	display: none;
 }
 .main_view_right_float_min {
-	margin-right: 29em;
+	margin-right: calc(30vw - 0.6em);
 }
 .main_view_right_float_max {
 	margin-right: 50%;