layout changes

src/public/app/widgets/note_icon.js

@@ -2,15 +2,17 @@ import NoteContextAwareWidget from "./note_context_aware_widget.js";
 import attributeService from "../services/attributes.js";
 
 const TPL = `
-<div class="note-icon-container dropdown">
+<div class="note-icon-widget dropdown">
     <style>
-    .note-icon-container {
+    .note-icon-widget {
         padding-top: 3px;
         padding-left: 7px;
         margin-right: 0;
+        width: 50px;
+        height: 50px;
     }
     
-    .note-icon-container button.note-icon {
+    .note-icon-widget button.note-icon {
         font-size: 180%;
         background-color: transparent;
         border: 1px solid transparent;
@@ -19,18 +21,18 @@ const TPL = `
         color: var(--main-text-color);
     }
     
-    .note-icon-container button.note-icon:hover {
+    .note-icon-widget button.note-icon:hover {
         border: 1px solid var(--main-border-color);
     }
     
-    .note-icon-container .dropdown-menu {
+    .note-icon-widget .dropdown-menu {
         border-radius: 10px;
         border-width: 2px;
         box-shadow: 10px 10px 93px -25px black;
         padding: 10px 15px 10px 15px !important;
     }
     
-    .note-icon-container .filter-row {
+    .note-icon-widget .filter-row {
         padding-top: 10px;
         padding-bottom: 10px;
         padding-right: 20px;
@@ -38,19 +40,19 @@ const TPL = `
         align-items: baseline;
     }
     
-    .note-icon-container .filter-row span {
+    .note-icon-widget .filter-row span {
         display: block;
         padding-left: 15px;
         padding-right: 15px;
         font-weight: bold;
     }
     
-    .note-icon-container .icon-list {
+    .note-icon-widget .icon-list {
         height: 500px;
         overflow: auto;
     }
     
-    .note-icon-container .icon-list span {
+    .note-icon-widget .icon-list span {
         display: inline-block;
         padding: 10px;
         cursor: pointer;
@@ -58,7 +60,7 @@ const TPL = `
         font-size: 180%;
     }
     
-    .note-icon-container .icon-list span:hover {
+    .note-icon-widget .icon-list span:hover {
         border: 1px solid var(--main-border-color);
     }
     </style>