More tweaks to button placement

This commit is contained in:
Griatch 2020-10-28 22:07:05 +01:00
parent e0d7c654db
commit 67971461d0
2 changed files with 18 additions and 10 deletions

View file

@ -32,12 +32,16 @@
<div class="linksection">
<ul>
<li><a class="buttons github" href="https://github.com/evennia/evennia">View On GitHub</a></li>
<li class="documentation"><a class="buttons" href="docs/latest/index.html">Documentation</a></li>
<li><a class="buttons" href="http://webchat.freenode.net/?channels=evennia&uio=MT1mYWxzZSY5PXRydWUmMTE9MTk1JjEyPXRydWUbb">IRC channel</a></li>
<li><a class="buttons" href="https://discord.gg/NecFePw">Discord channel</a></li>
<li><a class="buttons" href="https://groups.google.com/forum/#%21forum/evennia">Forum</a></li>
<li><a class="buttons" href="http://evennia.blogspot.com/">Dev Blog</a></li>
<div class="buttonsection">
<li><a class="buttons github" href="https://github.com/evennia/evennia">Download (GitHub)</a></li>
<li class="documentation"><a class="buttons" href="docs/latest/index.html">Documentation</a></li>
</div>
<div class="buttonsection">
<li><a class="buttons community" href="http://webchat.freenode.net/?channels=evennia&uio=MT1mYWxzZSY5PXRydWUmMTE9MTk1JjEyPXRydWUbb">IRC channel</a></li>
<li><a class="buttons community" href="https://discord.gg/NecFePw">Discord channel</a></li>
<li><a class="buttons community" href="https://groups.google.com/forum/#%21forum/evennia">Forum</a></li>
</div>
<li><a class="buttons community" href="http://evennia.blogspot.com/">Dev Blog</a></li>
</ul>
</div>

View file

@ -290,8 +290,7 @@ header ul {
header li {
list-style-type: none;
margin-bottom: 12px;
margin-bottom: 1px;
}
a.buttons {
@ -313,13 +312,16 @@ a.buttons {
text-decoration: none;
background-color: #efeeec;
vertical-align: middle;
}
a.buttons:hover {
background-color: #fff
}
.buttonsection {
margin-bottom: 14px;
}
a.github {
background: url(../images/octocat-small.png) no-repeat 1px;
background-color: #efeeec;
@ -496,6 +498,7 @@ footer {
header {
float: none;
padding:-10px 20px 0 20px;
height: 23vh;
}
section {
@ -525,6 +528,7 @@ footer {
display: none;
}
}
@media print, screen and (max-width: 480px) {
@ -561,7 +565,7 @@ footer {
header {
height: 20vh;
height: 23vh;
}
.img, .img.screenshot {