css improvements

2019-07-31 13:19:05 -04:00 · 2019-07-31 13:19:05 -04:00 · 32b4d4d223
parent a13c945143
commit 32b4d4d223
1 changed files with 8 additions and 3 deletions
--- a/src/components/mobile_post_status_modal/mobile_post_status_modal.vue
+++ b/src/components/mobile_post_status_modal/mobile_post_status_modal.vue
@ -34,14 +34,19 @@
@import '../../_variables.scss';

 .post-form-modal-view {
-  max-height: 100%;
-  display: block;
+  align-items: flex-start;
 }

 .post-form-modal-panel {
  flex-shrink: 0;
-  margin: 25% 0 4em 0;
+  margin-top: 25%;
+  margin-bottom: 2em;
  width: 100%;
+  max-width: 700px;
+
+  @media (orientation: landscape) {
+    margin-top: 8%;
+  }
 }

 .new-status-button {