adjustments to appearance

This commit is contained in:
nek0 2018-08-18 10:47:25 +02:00
parent f8e3186ee7
commit a1899f1c48
2 changed files with 14 additions and 18 deletions

View file

@ -104,32 +104,26 @@ article li {
border-radius: 5px; border-radius: 5px;
border-top-left-radius: 0px; border-top-left-radius: 0px;
border-bottom-left-radius: 0px; border-bottom-left-radius: 0px;
padding-top: 20px; padding: 20px 20px 20px 20px;
padding-bottom: 20px;
margin-top: 0; margin-top: 0;
margin-bottom: 16px; margin-bottom: 10px;
text-align: center;
} }
.tags, .plugs { .tags, .plugs {
text-align: right; text-align: center;
padding-right: 20px;
padding-left: 20px;
} }
.tags p { .tags p, .plugs p {
text-align: left; text-align: left;
margin: 0;
} }
.navigation { .navigation {
padding-right: 10px; columns: 2;
display: flex;
height: 50px;
flex-direction: column;
flex-wrap: wrap;
} }
nav ul, .plugs ul { nav ul, .plugs ul {
text-align:right;
list-style: none; list-style: none;
margin-left: 0px; margin-left: 0px;
} }
@ -138,7 +132,7 @@ nav li a:link {
color: darkgreen; color: darkgreen;
font-size: 18px; font-size: 18px;
font-weight: bold; font-weight: bold;
margin-right: 10px; margin: 0;
text-decoration: none; text-decoration: none;
text-transform: uppercase; text-transform: uppercase;
} }
@ -150,16 +144,18 @@ nav li a:visited {
.plugs ul { .plugs ul {
padding: 0; padding: 0;
margin: 0; margin: 0;
display: flex;
flex-direction: row;
justify-content: space-between;
} }
.plugs li { .plugs li {
display: inline-block; display: inline-block;
padding: 5px;
} }
.plugs li a { .plugs li a {
display: inline-block; display: inline-block;
padding-top: 5px; height: 40px;
} }
.plugs svg { .plugs svg {
@ -275,7 +271,7 @@ h2 {
.sidebar a { .sidebar a {
display: inline-block; display: inline-block;
padding: 0 5px 0; padding: 5px;
transition: 0.5s; transition: 0.5s;
} }

View file

@ -45,7 +45,7 @@
</div> </div>
</nav> </nav>
<div class="plugs"> <div class="plugs">
Find me elsewhere: <p>Find me elsewhere:</p>
<ul> <ul>
<li> <li>
<a alt="find me on mastodon" href="https://chaos.social/@nek0" title="mastodon"> <a alt="find me on mastodon" href="https://chaos.social/@nek0" title="mastodon">