diff --git a/sass/_project-sass/_project-Main.scss b/sass/_project-sass/_project-Main.scss index fa9eb598..15c185d4 100644 --- a/sass/_project-sass/_project-Main.scss +++ b/sass/_project-sass/_project-Main.scss @@ -122,6 +122,10 @@ font-weight: normal; font-size: 12px; padding: 7px 15px; + + @media (max-device-width:480px), screen and (max-width:800px) { + margin: 6px 0px 8px; + } } .row.content { margin-left: 6%; @@ -132,12 +136,20 @@ .interior .header-Outro .btn-Action {color:#fff} .interior .signup-Area { min-height: 164px; + + @media (max-device-width:480px), screen and (max-width:800px) { + margin: 0 auto; + } } .interior .signup-Area img { -moz-box-shadow: 1px 2px 5px 2px rgba(0,0,0,0.10); -webkit-box-shadow: 1px 2px 5px 2px rgba(0,0,0,0.10); box-shadow: 1px 2px 5px 2px rgba(0,0,0,0.10); border: 4px solid white; + + @media (max-device-width:480px), screen and (max-width:800px) { + margin: 0 auto; + } } .interior .header-Outro .screenshot { width: 357px; @@ -157,7 +169,7 @@ .interior .header-Outro .screenshot.dashboard { width: 249px; background-size: 249px; - height: 143px; + height: 156px; } .interior .header-Outro ul { margin:0;padding:0; @@ -188,15 +200,21 @@ float: left; @media (max-device-width: 480px), screen and (max-width: 800px) { - width: 42%!important; margin-left: 22px; + margin-top: 18px; } } .welcome { - background: #daeea5 url(/img/heartcat.png) no-repeat 20px center; + background: #daeea5 url(/img/heartcat.png) no-repeat; + background-position: 20px center; background-size: 77px 81px; padding: 20px 20px 20px 111px; margin-bottom: 13px; + + @media (max-device-width: 480px), screen and (max-width: 800px) { + padding: 111px 20px 20px 20px; + background-position: center 20px; + } } .welcome h4 { font-size: 1.2em; @@ -239,6 +257,10 @@ } .files .btn-Action { margin-left: 8px; + + @media (max-device-width:480px), screen and (max-width:800px) { + margin: 4px 8px 4px 0; + } } .files .list { padding: 20px; @@ -256,6 +278,10 @@ } .files .list .upload-Boundary.with-instruction { background: url(/img/drag-drop.png) no-repeat center center; + + @media (max-device-width:480px), screen and (max-width:800px) { + background: 0; + } } .files .uploading-overlay { width: 100%;