More improvements to site profile header for mobile

This commit is contained in:
Victoria Wang 2014-11-18 18:33:56 -06:00
parent 3066b91af2
commit 5b5cfd84f1
2 changed files with 27 additions and 5 deletions

View file

@ -745,17 +745,34 @@ a.tag:hover {
.report, .report a {
color: #999;
}
.interior .header-Outro .actions a {
margin-right: 6px;
.interior .header-Outro .profile-info {
@media (max-device-width:480px), screen and (max-width:800px) {
text-align: center;
padding: 10px 0 15px 0;
}
}
.interior .header-Outro .actions a:first-of-type {
margin-left: 0;
.interior .header-Outro .actions {
clear: both;
a {
margin-right: 6px;
}
a:first-of-type {
margin-left: 0;
}
}
.interior .header-Outro .stats {
margin-bottom: 1.3em;
float: left;
width: 100%;
margin-top: 1.9em;
@media (max-device-width:480px), screen and (max-width:800px) {
float: none;
width: 270px;
margin: 0.9em auto 5.5em auto;
text-align: center;
}
}
.interior .header-Outro .stats strong {
font-size: 1.5em;
@ -773,6 +790,11 @@ a.tag:hover {
text-align: center;
margin-right: 28px;
color: #84997E;
@media (max-device-width:480px), screen and (max-width:800px) {
margin: 0;
width: 90px;
}
}
.interior .header-Outro .stats .stat.tips {
width: 60px;

View file

@ -18,7 +18,7 @@
</fieldset>
</div>
</div>
<div class="col col-50">
<div class="col col-50 profile-info">
<h2 class="eps title-with-badge"><span><%= site.title %></span> <% if site.supporter? %><a href="/plan" class="supporter-badge" title="Neocities Supporter"></a> <% end %></h2>
<p class="site-url"><a href="/surf/<%= site.username %>"><%= site.host %></a></p>
<div class="stats">