Index: go-back-with-backspace/pages/popup.css |
diff --git a/go-back-with-backspace/pages/popup.css b/go-back-with-backspace/pages/popup.css |
index 3dabde5543ce07ffeaa34bf25f213e85108db8d4..db1da7e78b3066b85486351ba40cb8ffa756c750 100644 |
--- a/go-back-with-backspace/pages/popup.css |
+++ b/go-back-with-backspace/pages/popup.css |
@@ -6,35 +6,85 @@ |
body { |
direction: __MSG_@@bidi_dir__; |
- width: 300px; |
+ margin: 0; |
+ text-align: center; |
+ width: 270px; |
} |
-#list_edit_button, #messages { |
+h1 { |
+ -webkit-margin-start: 8px; |
+ font-size: 17px; |
+ margin-top: 4px; |
+ text-align: left; |
+} |
+ |
+.bottom-bar { |
+ align-items: center; |
+ background-color: rgb(241, 241, 241); |
+ border-top: 1px solid rgb(204, 204, 204); |
+ height: 33px; |
+ margin-top: 2px; |
+ padding: 0 5px; |
+} |
+ |
+.bottom-bar > span { |
+ padding-top: 5px; |
+} |
+ |
+.button-image { |
+ background-position: center; |
+ background-repeat: no-repeat; |
+ background-size: 20px 20px; |
+ cursor: pointer; |
+ height: 24px; |
+ opacity: .54; |
+ outline: none; |
+ width: 24px; |
+} |
+ |
+#list-edit-button { |
+ background-image: -webkit-linear-gradient(top, |
+ rgb(77, 144, 254), |
+ rgb(71, 135, 237)); |
+ border: 1px solid rgb(48, 121, 237); |
+ border-radius: 2px; |
+ color: white; |
+ display: inline-block; |
+ font-size: 13px; |
+ height: 30px; |
+ line-height: 30px; |
margin-bottom: 10px; |
+ padding: 0 8px; |
+} |
+ |
+#list-edit-button:hover:enabled { |
+ background-image: -webkit-linear-gradient(top, |
+ rgb(77, 144, 254) |
+ rgb(53, 122, 232)); |
+ border: 1px solid rgb(47, 91, 183); |
} |
-#list_edit_button { |
- margin-top: 10px; |
+#list-edit-button:disabled { |
+ opacity: 0.5; |
} |
-#current_url { |
- text-overflow: ellipsis; |
- white-space: nowrap; |
- overflow: hidden; |
+#file-url-message { |
+ margin-bottom: 5px; |
} |
#status { |
color: green; |
+ line-height: 33px; |
} |
#status.error { |
color: red; |
} |
-#report_page { |
+#feedback-button { |
float: __MSG_@@bidi_start_edge__; |
} |
-#open_options { |
+#options-button { |
float: __MSG_@@bidi_end_edge__; |
} |