[2/3] celix-site git commit: scaling tweaks

[pnoltes]

scaling tweaks


Project: http://git-wip-us.apache.org/repos/asf/celix-site/repo
Commit: http://git-wip-us.apache.org/repos/asf/celix-site/commit/e8ec1bc6
Tree: http://git-wip-us.apache.org/repos/asf/celix-site/tree/e8ec1bc6
Diff: http://git-wip-us.apache.org/repos/asf/celix-site/diff/e8ec1bc6

Branch: refs/heads/asf-site
Commit: e8ec1bc6cf71091322265de62163bab389e165c2
Parents: 74f1748
Author: ESmink <edwin.sm...@nl.thalesgroup.com>
Authored: Thu Jan 18 10:53:37 2018 +0100
Committer: ESmink <edwin.sm...@nl.thalesgroup.com>
Committed: Thu Jan 18 10:53:37 2018 +0100

----------------------------------------------------------------------
 src/noprocess/import/style.css | 34 ++++++++++++++++++++++++++++++----
 1 file changed, 30 insertions(+), 4 deletions(-)
----------------------------------------------------------------------


http://git-wip-us.apache.org/repos/asf/celix-site/blob/e8ec1bc6/src/noprocess/import/style.css
----------------------------------------------------------------------
diff --git a/src/noprocess/import/style.css b/src/noprocess/import/style.css
index ecee025..82101da 100755
--- a/src/noprocess/import/style.css
+++ b/src/noprocess/import/style.css
@@ -215,7 +215,6 @@ iframe {
        border-collapse: collapse;
        margin-top: 10px;
        position: fixed;
-       width: 180px;
        text-overflow: ellipsis;        
 }
 
@@ -235,6 +234,7 @@ iframe {
        text-overflow: ellipsis;
        overflow: hidden;
        width: 175px;
+       padding-right: 2px;
 }
 
 #docContent {
@@ -275,12 +275,16 @@ iframe {
        margin-top: -80px;
 }
 
-@media screen and (max-width: 1140px) {
+@media screen and (max-width: 1300px) {
        #APbig{display:none}
        #APsmall{display:block}
+       .dropbutton {
+               font-size:14px;
+               padding:8px;
+       }
 }
 
-@media screen and (max-width: 834px) {
+@media screen and (max-width: 965px) {
        body, #footer {
                font-size: 12px;
        }
@@ -330,6 +334,7 @@ iframe {
        }
        
        .mobbutton {
+               position: absolute;
                display: inline-block;
                background: white;
        }
@@ -337,8 +342,29 @@ iframe {
        #dropmenu {
                display:none;
        }
+
+       #docTable a {
+               width:120px;
+       }
+
+       #docContent {
+               padding-left: 130px;
+       }
 }
 
 @media screen and (max-width: 400px) {
-       #APsmall {display:none}
+       #docTable {
+               margin-left: auto;
+               margin-right: auto;
+               position: relative;
+               float: none;
+       }
+
+       #docTable a {
+               width:auto;
+       }
+
+       #docContent {
+               padding-left: 0;
+       }
 }