Make form columns and popover more responsive

2016-08-14 14:19:20 -04:00
parent c7a5f6b8ea
commit e24c37290b
6 changed files with 29 additions and 17 deletions
--- a/assets/sass/_popover.sass
+++ b/assets/sass/_popover.sass
@@ -1,4 +1,5 @@
@import variables
+@import mixins

 #popover-container
  position: fixed
@@ -12,13 +13,21 @@

 #popover-content
  position: absolute
-  width: 70%
-  left: 15%
+  width: 75%
+  left: 12%
  top: 1%
  padding: 15px
  background: #fff
  overflow: auto
-  max-height: 90%
+  max-height: 95%
+
+  @include xs-device
+    left: 0
+    width: 100%
+
+  @include sm-device
+    left: 2.5%
+    width: 85%

 .popover-form
  margin-bottom: 0