diff --git a/popup.css b/popup.css
index 5f5c61a..8f1b1cc 100644
--- a/popup.css
+++ b/popup.css
@@ -12,6 +12,8 @@ html {
body {
margin: 0;
padding: 0;
+ display: flex;
+ flex-flow: column;
}
/***********/
@@ -100,6 +102,7 @@ button.main-button.whitelist.active::after {
display: flex;
flex-flow: column;
border-top: 1px solid #ddd;
+ flex: 1 1 auto;
}
/*==================*/
@@ -111,7 +114,7 @@ button.options-button {
padding: 10px;
color: #777;
width: 100%;
- height: 3rem;
+ flex: 1 1 auto;
font-family: Font Awesome, Inconsolata, sans-serif;
}
button.options-button:hover {
@@ -177,21 +180,21 @@ button.options-button::after {
button.reload-button {
background-color: #ffd;
- margin: 4px;
border-radius: 6px;
color: #777;
max-height: 0;
padding: 0;
overflow: hidden;
position: absolute;
- width: calc(100% - 8px);
+ width: calc(100% - 10px);
top: -4rem;
+ left: 5px;
}
button.reload-button.active {
max-height: 1000px;
padding: 8px;
border: 1px solid #ddd;
- top: 1px;
+ top: 5px;
}
button.reload-button:hover {
color: #000;
@@ -202,3 +205,17 @@ button.reload-button::before {
font-size: 2rem;
font-weight: 900;
}
+
+/***************/
+/* INFO HEADER */
+/***************/
+
+.info-header {
+ text-align: center;
+ font-family: Inconsolata, sans-serif;
+ font-size: 0.75rem;
+ padding: 2px;
+ background-color: #444;
+ color: #ccc;
+ cursor: default;
+}
\ No newline at end of file
diff --git a/popup.html b/popup.html
index 5852a3a..21d15be 100644
--- a/popup.html
+++ b/popup.html
@@ -5,6 +5,9 @@
+