From 3dd8d94af1c79b939b55d6fece14530bf8a25bf5 Mon Sep 17 00:00:00 2001 From: jlukic Date: Mon, 14 Oct 2013 22:02:56 -0400 Subject: [PATCH] tightens up modal so it sits now 4% inside of a page grid instead of flush along edge --- src/modules/modal.less | 17 ++++++++--------- 1 file changed, 8 insertions(+), 9 deletions(-) diff --git a/src/modules/modal.less b/src/modules/modal.less index c0f348870..1b3d2c4c3 100755 --- a/src/modules/modal.less +++ b/src/modules/modal.less @@ -92,14 +92,13 @@ } .ui.modal > .content > .left { display: table-cell; - padding-right: 5%; + padding-right: 1.5%; min-width: 25%; } .ui.modal > .content > .right { display: table-cell; - padding-left: 5%; + padding-left: 1.5%; vertical-align: top; - min-width: 25%; } .ui.modal > .content > .left > .icon { font-size: 8em; @@ -161,20 +160,20 @@ } @media only screen and (min-width : 1500px) { .ui.modal { - width: 64%; - margin-left: -32%; + width: 56%; + margin-left: -28%; } } @media only screen and (min-width : 1750px) { .ui.modal { - width: 54%; - margin-left: -27%; + width: 42%; + margin-left: -21%; } } @media only screen and (min-width : 2000px) { .ui.modal { - width: 44%; - margin-left: -22%; + width: 36%; + margin-left: -18%; } }