diff --git a/sass/_project-sass/_project-Main.scss b/sass/_project-sass/_project-Main.scss index d9c584ba..4824fc86 100644 --- a/sass/_project-sass/_project-Main.scss +++ b/sass/_project-sass/_project-Main.scss @@ -1497,6 +1497,7 @@ a.tag:hover { color: #e93250; vertical-align: .45em; margin-left: -.15em; + display: inline; } .fa-user { margin-right: 0.25em; diff --git a/sass/_project-sass/_project-Website-Gallery.scss b/sass/_project-sass/_project-Website-Gallery.scss index af76366b..d943be08 100644 --- a/sass/_project-sass/_project-Website-Gallery.scss +++ b/sass/_project-sass/_project-Website-Gallery.scss @@ -29,7 +29,10 @@ .username { float: left; overflow: hidden; + text-overflow: ellipsis; width: 63%; + height: 1.3em; + white-space: nowrap; } .site-stats { float: right; @@ -42,6 +45,9 @@ height: 1.4em; float: left; margin-top: -4px; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; } .site-tags .fa-tag { vertical-align: -2px; @@ -54,6 +60,12 @@ margin-top: 8px; margin-bottom: 2px; white-space: nowrap; + a { + overflow: hidden; + text-overflow: ellipsis; + width: 100%; + float: left; + } } &.int-Gall{ @@ -70,7 +82,8 @@ width:32% } @media (max-device-width:480px), screen and (max-width:800px){ - width:49% + width:48%; + margin:0 1% 12px; } } &.suggestions { @@ -86,6 +99,10 @@ } } } + + @media (max-device-width:480px), screen and (max-width:800px){ + padding: 4% 2%; + } } }