EbookFoundation
/
regluit
mirror of https://github.com/EbookFoundation/regluit.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Add spacing around sidebar sections

foundation/home
jonahmania 2018-05-15 18:07:23 -04:00
parent 5d0cd8a30d
commit d58d8d316a
2 changed files with 39 additions and 41 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

39
frontend/templates/home.html
View File

@ -224,22 +224,21 @@ function put_un_in_cookie2(){
{% endif %}
<div class="jsmodule">
<div class="jsmodule">
<h3 class="module-title">Donate!</h3>
<div class="jsmod-content">
<div>Please help support Unglue.it by making a tax-deductible donation to the Free Ebook Foundation.</div>
<form class="askform" method="POST" action="{% url 'newdonation' %}">
<div class="donate_amount">
<label>Amount ($): </label><input id="amount" max="20000.00" min="1.00" name="amount" step="0.01" type="number" value="10.00" class="donate"></div>
<div class="sidebar_button">
<input name="pledge" type="submit" value="Donate" id="donatesubmit" class="donate" />
</div>
</form>
</div>
<h3 class="module-title">Donate!</h3>
<div class="jsmod-content">
<div>Please help support Unglue.it by making a tax-deductible donation to the Free Ebook Foundation.</div>
<form class="askform" method="POST" action="{% url 'newdonation' %}">
<div class="donate_amount">
<label>Amount ($): </label><input id="amount" max="20000.00" min="1.00" name="amount" step="0.01" type="number" value="10.00" class="donate"></div>
<div class="sidebar_button">
<input name="pledge" type="submit" value="Donate" id="donatesubmit" class="donate" />
</div>
</form>
</div>
<h3 class="module-title latest-ungluing">Latest Ungluing</h3>
<div class="jsmod-content latest-ungluing">
</div>
<div class="jsmodule latest-ungluing">
<h3 class="module-title">Latest Ungluing</h3>
<div class="jsmod-content">
<ul class="ungluingwhat">
{% for event in events %}
{% comment %}
@ -297,11 +296,11 @@ function put_un_in_cookie2(){
{% endfor %}
</ul>
</div>
<div class="jsmodule">
<h3 class="module-title">Questions?</h3>
<div id="jsmod-content">
Read our <a href="/faq/">general FAQ</a> or <a href="/faq/rightsholders/">Author/Publisher FAQ</a>.
</div>
</div>
<div class="jsmodule">
<h3 class="module-title">Questions?</h3>
<div id="jsmod-content">
Read our <a href="/faq/">general FAQ</a> or <a href="/faq/rightsholders/">Author/Publisher FAQ</a>.
</div>
</div>
</div>

41
static/scss/home.scss
View File

@ -28,6 +28,18 @@
font-size: $font-size-larger;
}
}
.jsmodule {
background-color: $pale-blue;
padding: 10px;
.google_signup {
a {
width: 100%;
border-radius: 0px;
border: none;
}
}
}
@include breakpoint(small only) {
@ -59,6 +71,10 @@
.book_container::-webkit-scrollbar {
display: none;
}
.jsmodule {
padding-bottom: 24px;
}
}
@ -88,6 +104,10 @@
.more_featured_books_mobile{
display: none !important;
}
.jsmodule {
margin-bottom: 20px;
}
}
#js-main-container {
@ -95,23 +115,6 @@
flex-direction: column;
}
#js-rightcol {
.js-rightcol-padd {
background-color: $pale-blue;
padding: 10px;
}
}
.jsmodule {
margin-bottom: 32px;
.google_signup {
a {
width: 100%;
border-radius: 0px;
border: none;
}
}
}
.sidebar_button {
margin-bottom: 10px;
@ -169,10 +172,6 @@
}
}
.jsmod-content.latest-ungluing {
margin-bottom: 32px;
}
.signup {
cursor: pointer;
}