updated emoji button

app/src/components/OtherNodeslayer.vue

@@ -18,20 +18,13 @@
         <p :id="nodeid" :inner-html.prop="nodetext | marked">{{ nodeid }}</p>
         <h3>Reactions</h3>
         <div v-for="(emojis, index) in configEmoji" :key="index">
-          <p class="allemoji" v-if="nodeid == emojis.node_id">
-            {{ emojis.emoji_text }}
-          </p>
+          <p class="allemoji" v-if="nodeid == emojis.node_id">{{ emojis.emoji_text }}</p>
         </div>
         <div class="react" v-if="nodeid != undefined">
           <h2>React</h2>
           <div class="eeee">
             <input :value="nodeid" name="id" readonly hidden />
-            <input
-              id="emojifield"
-              class="regular-input"
-              v-model="input"
-              readonly
-            />
+            <input id="emojifield" class="regular-input" v-model="input" readonly />
 
             <emoji-picker @emoji="append" :search="search">
               <div
@@ -40,12 +33,7 @@
                 slot-scope="{ events: { click: clickEvent } }"
                 @click.stop="clickEvent"
               >
-                <svg
-                  height="24"
-                  viewBox="0 0 24 24"
-                  width="24"
-                  xmlns="http://www.w3.org/2000/svg"
-                >
+                <svg height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
                   <path d="M0 0h24v24H0z" fill="none" />
                   <path
                     d="M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm3.5-9c.83 0 1.5-.67 1.5-1.5S16.33 8 15.5 8 14 8.67 14 9.5s.67 1.5 1.5 1.5zm-7 0c.83 0 1.5-.67 1.5-1.5S9.33 8 8.5 8 7 8.67 7 9.5 7.67 11 8.5 11zm3.5 6.5c2.33 0 4.31-1.46 5.11-3.5H6.89c.8 2.04 2.78 3.5 5.11 3.5z"
@@ -61,10 +49,7 @@
                     <input type="text" v-model="search" v-focus />
                   </div>
                   <div>
-                    <div
-                      v-for="(emojiGroup, category) in emojis"
-                      :key="category"
-                    >
+                    <div v-for="(emojiGroup, category) in emojis" :key="category">
                       <h5>{{ category }}</h5>
                       <div class="emojis">
                         <span
@@ -72,15 +57,14 @@
                           :key="emojiName"
                           @click="insert(emoji)"
                           :title="emojiName"
-                          >{{ emoji }}</span
-                        >
+                        >{{ emoji }}</span>
                       </div>
                     </div>
                   </div>
                 </div>
               </div>
             </emoji-picker>
-            <button @click="sentReact()">Send Reaction</button>
+            <BaseButton buttonClass="action" @click="sentReact()">Send Reaction</BaseButton>
           </div>
         </div>
       </vue-draggable-resizable>