style: fix popup style for long command names

src/popup/style.css

@@ -1,7 +1,10 @@
 body {
-  width: 24rem;
+  width: 320px;
   max-width: 100%;
   background: #f8f8f8;
+  @media (min-width: 360px) {
+    width: 100%;
+  }
 }
 
 footer {

src/popup/views/app.vue

@@ -76,7 +76,7 @@
               @mouseenter="message = cap"
               @mouseleave="message = item.name">
               <icon name="command" />
-              {{cap}}
+              <div class="flex-auto ellipsis" v-text="cap" />
             </div>
           </div>
         </div>