Apply #12576 to top right reaction picker (#12623)

Co-authored-by: techknowlogick <techknowlogick@gitea.io>

web_src/less/_repository.less

@@ -2360,11 +2360,19 @@
         font-size: 1.5em;
         width: 39px;
         left: 13px;
+        border-radius: 6px;
+        display: flex;
+        justify-content: center;
+        align-items: center;
 
         img.emoji {
           margin-right: 0;
         }
       }
+
+      > .item:hover {
+        background: #4183c4;
+      }
     }
   }
 
@@ -2408,17 +2416,6 @@
       &:not(.active) a {
         display: none;
       }
-
-      .item {
-        border-radius: 6px;
-        display: flex;
-        justify-content: center;
-        align-items: center;
-      }
-
-      .item:hover {
-        background: #4183c4;
-      }
     }
 
     &:hover .select-reaction a {

web_src/less/themes/theme-arc-green.less

@@ -710,8 +710,8 @@ a.ui.basic.green.label:hover {
   border-color: #404552 !important;
 }
 
-.repository .segment.reactions .select-reaction .item:hover {
-  background: #305020;
+.repository .select-reaction .item:hover {
+  background: #305020 !important;
 }
 
 .ui.menu .item > .label {