From 823a945c9398bdfad2cbd6b9c816d5f494041b72 Mon Sep 17 00:00:00 2001 From: Frédéric Guillot Date: Sun, 28 Dec 2014 16:06:09 -0500 Subject: Make the dashboard more responsive --- assets/css/app.css | 28 ++++++++++++++++------------ assets/css/dashboard.css | 28 ++++++++++++++++------------ 2 files changed, 32 insertions(+), 24 deletions(-) (limited to 'assets') diff --git a/assets/css/app.css b/assets/css/app.css index 44bc9c2b..a4bb8919 100644 --- a/assets/css/app.css +++ b/assets/css/app.css @@ -1206,19 +1206,23 @@ tr td.task-orange, margin-top: 10px; color: #555; }/* dashboard */ -#dashboard table { - font-size: 0.9em; -} -.dashboard-left-column { - width: 55%; - float: left; -} +@media only screen and (min-width: 1366px) { -.dashboard-right-column { - margin-left: 5%; - width: 40%; - float: left; + #dashboard table { + font-size: 0.9em; + } + + .dashboard-left-column { + width: 55%; + float: left; + } + + .dashboard-right-column { + margin-left: 5%; + width: 40%; + float: left; + } } .dashboard-project-stats span { @@ -1228,7 +1232,7 @@ tr td.task-orange, } .dashboard-project-stats strong { - font-size: 1.1em; + font-size: 1.2em; } .dashboard-table-link { diff --git a/assets/css/dashboard.css b/assets/css/dashboard.css index dc077180..4c47e9e0 100644 --- a/assets/css/dashboard.css +++ b/assets/css/dashboard.css @@ -1,17 +1,21 @@ /* dashboard */ -#dashboard table { - font-size: 0.9em; -} -.dashboard-left-column { - width: 55%; - float: left; -} +@media only screen and (min-width: 1366px) { + + #dashboard table { + font-size: 0.9em; + } + + .dashboard-left-column { + width: 55%; + float: left; + } -.dashboard-right-column { - margin-left: 5%; - width: 40%; - float: left; + .dashboard-right-column { + margin-left: 5%; + width: 40%; + float: left; + } } .dashboard-project-stats span { @@ -21,7 +25,7 @@ } .dashboard-project-stats strong { - font-size: 1.1em; + font-size: 1.2em; } .dashboard-table-link { -- cgit v1.2.3