:art: 阅读 编辑模式切换 加底色

app/reader/right_tool_bar.php

@@ -25,11 +25,23 @@
     background-color: var(--link-color);
 }
 
+.btn_group {
+    display: inline-block;
+    background-color: var(--border-line-color);
+    border-radius: 4px;
+    padding: 3px 2px;
+    margin: 0 3px;
+}
+.btn_focus {
+    background-color: var(--bg-color);
+}
+
 	</style>
 			<select name="direction" onchange='setDirection(this)' class="show_pc">
 			<option value="row"><?php echo $_local->gui->row_compare; ?></option>
 			<option value="column"><?php echo $_local->gui->column_compare; ?></option>
 		</select>
+		
 <?php
 		if($_mode == "read"){
 			echo "<select onchange='setDisplay(this)'>";
@@ -41,20 +53,33 @@
 			echo ">{$_local->gui->each_sentence}</option>";
 			echo "</select>";
 		}
+?>
+<div class="btn_group">
+<?php
 		if($_mode == "read"){
-			echo "<button class='icon_btn btn_main' onclick=\"setMode('edit')\" ";
+			echo "<span class='icon_btn btn_focus'  ";
+			echo " title='{$_local->gui->show} {$_local->gui->read}'>";
+			echo $_local->gui->read;
+			echo "</span>";
+
+			echo "<button class='icon_btn' onclick=\"setMode('edit')\" ";
 			echo " title='{$_local->gui->show} {$_local->gui->edit}'>";
 			echo $_local->gui->translate;
 			echo "</button>";
 		}
 		else{
-			echo "<button class='icon_btn btn_main' onclick=\"setMode('read')\" ";
+			echo "<button class='icon_btn' onclick=\"setMode('read')\" ";
 			echo " title='{$_local->gui->show} {$_local->gui->read}'>";		
 			echo $_local->gui->read;
 			echo "</button>";
+
+			echo "<span class='icon_btn btn_focus'  ";
+			echo " title='{$_local->gui->show} {$_local->gui->edit}'>";
+			echo $_local->gui->edit;
+			echo "</span>";
 		}
 ?>
-
+</div>
 				<button id="btn_show_dict" class='icon_btn' onclick="show_dict(this)">
 				<?php echo $_local->gui->dict; ?>
 				</button>