fixed responsive issues

Former-commit-id: 4b36419a8aae8fdab0bfdfedcad5d7bb01cfa6ea

extension/ui/pages/pendings.css

@@ -32,10 +32,6 @@ body>header {
     align-items: flex-end;
 }
 
-.header-buttons {
-    flex-direction: row;
-}
-
 button {
     background-color: #fbfbfb;
     border-color: rgb(191, 191, 191);
@@ -131,6 +127,7 @@ html.side-panel,
     position: absolute;
     top: 4px;
     right: 12px;
+    display: flex;
 }
 
 .side-panel body>main {
@@ -224,6 +221,20 @@ html.side-panel,
     }
 }
 
+@media (max-width:300px) {
+    .side-panel button {
+        display: flex;
+    }
+
+    .side-panel .header-buttons {
+        flex-direction: column;
+    }
+
+    .result-head {
+        padding-bottom: 36px;
+    }
+}
+
 @media (prefers-color-scheme: dark) {
     html {
         background-color: #373737;