Small improvements for extension popup appearance

emvaized · Dec 11, 2024 · 432c75a · 432c75a
1 parent f37cba7
commit 432c75a
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 11 deletions.
diff --git a/popup/popup.css b/popup/popup.css
@@ -1,23 +1,27 @@
 html,
 body {
-  min-width: 150px;
+  min-width: 210px;
+  max-width: 210px;
+  width: 210px;
   font-family: sans-serif;
 }
 
 button {
-  margin: 5px auto;
-  padding: 4px;
-  text-align: center;
+  margin: 4px auto;
+  padding: 2px;
+  /* text-align: center; */
   font-size: 1.0em;
   cursor: pointer;
   width: 100%;
+  text-align: left;
 }
 
 button img {
   position: relative;
   left: 0px;
   top: 2px;
-  float: left;
+  /* float: left; */
+  display: inline;
 }
 
 h3 {
@@ -47,9 +51,9 @@ input {
 }
 
 #extension-version {
-  text-align: center;
+  /* text-align: center; */
   width: 100%;
-  margin-bottom: 6px;
+  margin-bottom: 4px;
   margin-top: 3px;
 }
 

diff --git a/popup/popup.html b/popup/popup.html
@@ -1,5 +1,4 @@
 <!DOCTYPE html>
-
 <html>
 
 <head>
@@ -13,18 +12,16 @@
     <h3 style='display: inline;  vertical-align: middle;'>Google Search Tweaker</h3>
   </div>
 
-  <br />
+  <!-- <br /> -->
   <!-- <div class="enabled-checkbox">
     <label class="checkboxLabel"> <input id="tilesEnabled" class="checkbox" type="checkbox"> </label>
   </div> -->
 
-
   <button id='githubPage'> <img height='15px' width='15px' src="../icons/github.svg" /> </button>
   <button id='supportButton'> <img height='15px' width='15px' src="../icons/donate.svg" />
   </button>
   <button id="settingsButton" class="button settings"><img height='15px' padding='6px' width='15px' src="../icons/settings.svg"></button>
 
-
   <div id='extension-version'></div>
 
   <script src="popup.js"></script>