Updated so that title and tags don't collide

This commit is contained in:
Simon Busborg
2016-04-01 11:54:18 +02:00
parent f5d3ef9480
commit 38fd648c43
3 changed files with 18 additions and 23 deletions
@@ -228,7 +228,7 @@
font-size: 1.1rem;
@media (min-width: $md) {
font-size: 1.5rem;
font-size: 1.35rem;
}
}
}
@@ -244,7 +244,7 @@
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
align-items: flex-start;
.category, .version {
a {
@@ -259,15 +259,14 @@
.topic {
flex: 0 0 100%;
word-break: break-all;
@media (min-width: $md) {
flex: 0 0 72%;
margin-right: 3%;
}
margin-bottom: .2rem;
word-break: break-all;
@media (min-width: $md) {
flex: 0 0 70%;
padding-right: 3px;
}
}
@@ -277,7 +276,7 @@
flex: 0 0 100%;
@media (min-width: $md) {
flex: 0 0 25%;
flex: 0 0 30%;
flex-direction: column;
}
@@ -30,7 +30,7 @@ header {
left: 0;
width: 100%;
}
.navigation {
position: relative;
z-index: 200;
@@ -58,7 +58,7 @@ header {
background-repeat: no-repeat;
background-position: left center;
background-size: 30px auto;
height: 60px;
line-height: 60px;
@@ -66,24 +66,21 @@ header {
text-indent: 40px;
text-decoration: none;
position: relative;
z-index: 300;
font-size: 1rem;
font-size: 1.15rem;
@include transition(all, .2s);
@media (min-width: $md) {
background-size: 40px auto;
text-indent: 46px;
text-indent: 50px;
&:hover {
color: rgba(#fff, .66);
background-size: 36px auto;
background-position: 4px center;
opacity: .6;
}
}
}
@@ -381,10 +378,10 @@ header {
height: 100%;
background: rgba($color-our, .98);
transform: translate(0, -100%);
@include transition(transform, .3s);
visibility: hidden;
opacity: 0;
@@ -480,4 +477,3 @@ header {
background: transparent;
}
}
@@ -129,7 +129,7 @@ section.forum {
.forum-thread, .person-activity {
background: #fff;
padding: 15px;
padding: 25px;
margin-bottom: 30px;
border: 1px solid darken(#f6f6f6, 5%);
transition: box-shadow .2s;