3.7

- Improvements to the UI:
  1. Buttons have the same style: a soft backgorund-color
  2. Settings title is not fixed anymore

css/style.css

@@ -397,7 +397,6 @@ div#review-message-buttons {
     right: 40px;
     display: none;
     width: 80px;
-
 }
 
 #hide-settings-button {
@@ -429,6 +428,7 @@ div#settings-section {
     display: none;
     position: absolute;
     font-family: open-sans, sans-serif;
+    overflow: auto;
 }
 
 .red-button {
@@ -441,6 +441,7 @@ div#settings-section {
 
 #settings-title {
     padding: 0px;
+    padding-left: 10px;
     margin: 0px;
     font-size: 25px;
     font-weight: normal;
@@ -450,11 +451,7 @@ div#settings-section {
 
 #settings-section-content {
     overflow: auto;
-    position: absolute;
-    top: 50px;
-    bottom: 0px;
-    right: 0px;
-    left: 0px;
+    position: relative;
     padding: 10px;
     box-sizing: border-box;
     height: auto;
@@ -566,21 +563,23 @@ div {
 
 .dark,
 .dark-button-emoji,
-.dark-settings-button,
-.dark-delete-button,
 .dark-settings {
     background-color: rgb(30, 30, 30);
     color: #EEEEEE;
 }
 
 .light-save-data-settings-button,
 .light-reset-data-settings-button,
+.light-settings-button,
+.light-delete-button,
 .light-finish-edit-button {
     background-color: #F5F5F5;
 }
 
 .dark-save-data-settings-button,
 .dark-reset-data-settings-button,
+.dark-settings-button,
+.dark-delete-button,
 .dark-finish-edit-button {
     background-color: rgb(70, 70, 70);
     color: #EEEEEE;

manifest.json

@@ -1,7 +1,7 @@
 {
   "manifest_version": 2,
   "name": "Emoji",
-  "version": "3.6",
+  "version": "3.7",
   "description": "It permits just with a single click to copy an emoji.",
   "icons": {
     "16": "./img/icon-dark-16.png",

popup.html

@@ -16,8 +16,8 @@
             <label id="text-click-on-emoji-to-remove">Click on the emoji(s) you want to remove</label>
         </div>
         <input type="button" value="️Finish" class="button dark-finish-edit-button" id="finish-edit-button">
-        <input type="button" value="️" class="button dark-delete-button" id="delete-button">
-        <input type="button" value="️" class="button dark-settings-button" id="settings-button">
+        <input type="button" value="️" class="button dark-delete-button" id="delete-button" title="Delete one or more emojis from the 'Most used emojis' section">
+        <input type="button" value="️" class="button dark-settings-button" id="settings-button" title="Open Settings pane">
     </div>
     <div id="titles">
         <!-- Titles: generated by JS script -->