Make project overview page more responsive

2016-08-14 13:46:46 -04:00
parent e985e27281
commit cb73946751
4 changed files with 16 additions and 2 deletions
--- a/assets/css/app.min.css
+++ b/assets/css/app.min.css
--- a/assets/sass/_activity_stream.sass
+++ b/assets/sass/_activity_stream.sass
@@ -1,4 +1,5 @@
@import variables
+@import mixins

 .activity-event
  margin-bottom: 15px
@@ -22,6 +23,8 @@
 .activity-description
  color: color('medium')
  margin-top: 10px
+  @include xs-device
+    overflow: auto
  li
    list-style-type: circle
  ul
--- a/assets/sass/_project_overview.sass
+++ b/assets/sass/_project_overview.sass
@@ -7,13 +7,24 @@
  +align-content(center)
  margin-bottom: 20px
  font-size: size('large')
+  @include xs-device
+    display: block

 .project-overview-column
  text-align: center
  margin-right: 3%
+  margin-top: 5px
  padding: 3px 15px 3px 15px
  border: 1px dashed #ddd
+
+  @include xs-device
+    text-align: left
+
  small
    color: color('light')
  strong
    color: color('medium')
+    display: block
+
+    @include xs-device
+      display: inline