diff --git a/scss/components/_global_navigation.scss b/scss/components/_global_navigation.scss
index 203fba9f..b975270a 100644
--- a/scss/components/_global_navigation.scss
+++ b/scss/components/_global_navigation.scss
@@ -4,7 +4,7 @@
.sidenav__link {
padding-right: $gap;
- @include media($medium-screen) {
+ @include media($large-screen) {
padding-right: $gap * 2;
}
}
@@ -12,7 +12,7 @@
.sidenav__link-label {
@include hide;
- @include media($medium-screen) {
+ @include media($large-screen) {
@include unhide;
padding-left: $gap;
}
diff --git a/scss/components/_layout.scss b/scss/components/_layout.scss
index 19c6be9f..d459e445 100644
--- a/scss/components/_layout.scss
+++ b/scss/components/_layout.scss
@@ -26,7 +26,7 @@ body {
.global-panel-container {
margin: $gap;
max-width: $site-max-width;
- overflow: auto;
+ overflow-x: hidden;
@include media($medium-screen) {
margin: $gap * 2;
diff --git a/scss/elements/_tables.scss b/scss/elements/_tables.scss
index 9c917286..79b4dc08 100644
--- a/scss/elements/_tables.scss
+++ b/scss/elements/_tables.scss
@@ -39,5 +39,42 @@
.table-cell--expand {
width: 100%;
}
+
+ .table-cell--hide-small {
+ display: none;
+
+ @include media($medium-screen) {
+ display: table-cell;
+ }
+ }
+ }
+
+ @at-root .panel #{&} {
+ tr:last-child td {
+ border-bottom: 0;
+ }
+
+ &:last-child {
+ margin-bottom: 0;
+ }
+ }
+}
+
+.responsive-table-wrapper {
+ overflow-x: auto;
+ @include panel-margin;
+
+ table {
+ margin-bottom: 0;
+ }
+
+ @at-root .panel #{&} {
+ tr:last-child td {
+ border-bottom: 0;
+ }
+
+ &:last-child {
+ margin-bottom: 0;
+ }
}
}
diff --git a/templates/requests.html.to b/templates/requests.html.to
index 1d107967..2f873e64 100644
--- a/templates/requests.html.to
+++ b/templates/requests.html.to
@@ -20,46 +20,39 @@
-
-
-
-
+
-
-
-
-
- Order ID |
- Request Date |
- Requester |
- Total Apps |
- Status |
- Actions |
-
-
-
- {% for r in requests %}
-
- {{ r['order_id'] }}
- {% if r['is_new'] %}New
- |
+
+
+
+
+ Order ID |
+ Request Date |
+ Requester |
+ Total Apps |
+ Status |
+ Actions |
+
+
+
+ {% for r in requests %}
+
+ {{ r['order_id'] }}
+ {% if r['is_new'] %}New
+ |
+ {% end %}
+ {{ r['date'] }} |
+ {{ r['full_name'] }} |
+ {{ r['app_count'] }} |
+ {{ r['status'] }} |
+ Download |
+
{% end %}
- {{ r['date'] }} |
- {{ r['full_name'] }} |
- {{ r['app_count'] }} |
- {{ r['status'] }} |
- Download |
-
- {% end %}
-
-
+
+
+
diff --git a/templates/styleguide.html.to b/templates/styleguide.html.to
index 473d745b..9d7212a7 100644
--- a/templates/styleguide.html.to
+++ b/templates/styleguide.html.to
@@ -175,39 +175,41 @@
-
-
-
- Expanded Column |
- Normal Column |
- Right Aligned |
- Shrunk |
-
-
+
+
+
+
+ Expanded Column |
+ Hidden on Small |
+ Right Aligned |
+ Shrunk |
+
+
-
-
- Table Cell |
- Table Cell |
- 1,234.56 |
- Table Cell |
-
+
+
+ Table Cell |
+ Table Cell |
+ 1,234.56 |
+ Table Cell |
+
-
- Table Cell |
- Table Cell |
- 1,231,253.43 |
- Table Cell |
-
+
+ Table Cell |
+ Table Cell |
+ 1,231,253.43 |
+ Table Cell |
+
-
- Table Cell |
- Table Cell |
- 564.54 |
- Table Cell |
-
-
-
+
+ Table Cell |
+ Table Cell |
+ 564.54 |
+ Table Cell |
+
+
+
+