style menus

src/app/shared/popover/chat-popover/chat-popover.page.scss

@@ -1,15 +1,53 @@
-ion-row{
-  padding: 10px 10px 5px 10px;
+.container{
+  --padding-top:20px !important;
+ --padding-bottom:20px !important;
+ --padding-start:20px !important;
+ --padding-end:20px !important;
 }
-.border-top{
-  padding-top: 5px !important;
-  border-top: 1px solid #ebebeb;
+.arrow-right{
+  display: none;
+  margin-bottom: 20px;
+  .arrow-right-icon{
+      width: 37px;
+      float: right;
+      font-size: 35px;
+      overflow: hidden;
+  }
+}
+.buttons{
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: space-around;
+}
+.solid {
+  display: none;
+  width: 90%;
+  border-top: 1px solid #bbb;
+  margin: 0 auto !important;
+}
+@media only screen and (min-width: 1024px) {
+  .arrow-right{
+      display: flex;
+      justify-content: flex-end;
+  }
+  .btn-cancel{
+      //display: none;
+      width: 100% !important;
+      margin-bottom: 10px !important;
+  }
+  .btn-ok{
+    width: 100% !important;
+    margin-bottom: 10px !important;
+}
+  .btn-delete{
+      width: 100% !important;
+      margin-bottom: 10px !important;
+      margin-top: 10px !important;
+  }
+  .solid{
+      display: block;
+  }
+  .mobile-only{
+    display: none !important;
+  }
 }
-/* ion-col{
-    border: 1px solid red;
-} */
-
-/* .btn-ok, .btn-cancel, .btn-delete{
-    font-size: 13px;
-    padding:0 !important;
-} */