Funding details view: Additional styling

diff --git a/apps/funding/static/funding/funding.css b/apps/funding/static/funding/funding.css
index 2f99c33..878d651 100755 (executable)
--- a/apps/funding/static/funding/funding.css
+++ b/apps/funding/static/funding/funding.css
@@ -1 +1 @@
-.funding{background:orange;margin:auto;padding:5px 0;position:relative}.funding a.call{height:1.2em;width:9em;padding:.35em .5em;margin:.5em;display:inline-block;vertical-align:top;text-align:center;background:rgb(.465%, 59.936%, 63.653%)}.funding .description{display:inline-block;padding-left:.6em}.funding .description a{display:block;color:#000;padding:0 3px}.funding strong{font-size:1.5em;padding:.2em 0 0}.funding .progress{width:95.7em;margin:.3em 0 .4em;border-radius:2em;background-image:url(/static/img/progress-pixel.png);background-repeat:repeat-y;background-color:rgba(236, 109, 0, .5);box-shadow:.1em .1em .1em #888}.funding .progress .piece{font-size:1.3em;padding:.3em .5em}.funding .with-button .progress{width:78em}.funding .funding .funding-title-strong,.funding .funding-title{font-size:1.1em}.funding .funding-title-strong{font-weight:bold;font-size:1.5em}.funding .close{position:absolute;top:0;right:5px}.funding-top-header{@extend: .funding;width:97.5em}.wlfund{width:100%;border-collapse:collapse}.wlfund td{padding:0 0 1em 0;text-align:center}.wlfund td:last-child{text-align:right}.wlfund td div{padding:1em;box-shadow:0 2px 0 #DDD}.wlfund .funding-plus td div{background:rgba(13, 126, 133, .2)}.wlfund .funding-minus td div{background:#fff}.honking{background:#018189;font-size:1.5em;padding:.5em;color:#fff;border:0;box-shadow:.2em .2em .3em #888;position:relative}.honking:hover{box-shadow:none;top:.1em;left:.1em}.share a{margin-right:1.5em}.share a img{vertical-align:middle}.funding-handle{position:absolute;top:0;right:0;z-index:2;background:orange;cursor:pointer;padding:.2em 1em;border-radius:0 0 0 1em;font-size:13px}.funding-cover{float:left;margin-right:10px}
\ No newline at end of file
+.funding{background:orange;margin:auto;padding:5px 0;position:relative}.funding a.call{height:1.2em;width:9em;padding:.35em .5em;margin:.5em;display:inline-block;vertical-align:top;text-align:center;background:rgb(.465%, 59.936%, 63.653%)}.funding .description{display:inline-block;padding-left:.6em}.funding .description a{display:block;color:#000;padding:0 3px}.funding strong{font-size:1.5em;padding:.2em 0 0}.funding .progress{width:95.7em;margin:.3em 0 .4em;border-radius:2em;background-image:url(/static/img/progress-pixel.png);background-repeat:repeat-y;background-color:rgba(236, 109, 0, .5);box-shadow:.1em .1em .1em #888}.funding .progress .piece{font-size:1.3em;padding:.3em .5em}.funding .with-button .progress{width:78em}.funding .funding .funding-title-strong,.funding .funding-title{font-size:1.1em}.funding .funding-title-strong{font-weight:bold;font-size:1.5em}.funding .close{position:absolute;top:0;right:5px}.funding-top-header{@extend: .funding;width:97.5em}.wlfund{width:100%;border-collapse:collapse}.wlfund td{padding:0 0 1em 0;text-align:center}.wlfund td:last-child{text-align:right}.wlfund td div{padding:1em;box-shadow:0 2px 0 #DDD}.wlfund .funding-plus td div{background:rgba(13, 126, 133, .2)}.wlfund .funding-minus td div{background:#fff}.honking{background:#018189;font-size:1.5em;padding:.5em;color:#fff;border:0;box-shadow:.2em .2em .3em #888;position:relative}.honking:hover{box-shadow:none;top:.1em;left:.1em}.share a{margin-right:1.5em}.share a img{vertical-align:middle}.funding-handle{position:absolute;top:0;right:0;z-index:2;background:orange;cursor:pointer;padding:.2em 1em;border-radius:0 0 0 1em;font-size:13px}.funding-cover{float:left;margin-right:10px}.funding-details-intro{padding-top:1em}
\ No newline at end of file

diff --git a/apps/funding/static/funding/funding.scss b/apps/funding/static/funding/funding.scss
index 2b06dc6..27fa01f 100755 (executable)
--- a/apps/funding/static/funding/funding.scss
+++ b/apps/funding/static/funding/funding.scss
@@ -137,4 +137,8 @@
 .funding-cover {
     float:left;
     margin-right: 10px;
+}
+
+.funding-details-intro {
+    padding-top: 1em;
 }
\ No newline at end of file

diff --git a/apps/funding/templates/funding/offer_detail.html b/apps/funding/templates/funding/offer_detail.html
index 7feb5b3..8795332 100755 (executable)
--- a/apps/funding/templates/funding/offer_detail.html
+++ b/apps/funding/templates/funding/offer_detail.html
@@ -17,17 +17,19 @@
 
 {% funding object show_title=False %}
 <div class="white-box">
-    {% if object.cover %}
-        <img src="{{ object.cover.url }}" class="funding-cover"/>
-    {% endif %}
-    <div class="normal-text">
-    {{ object.description|safe }}
-    {% offer_status object %}
-    {% offer_status_more object %}
-    <p><a href="{% url 'infopage' 'wesprzyj' %}">{% trans "Learn more" %}</a>.</p>
+    <div class="funding-details-intro">
+        {% if object.cover %}
+            <img src="{{ object.cover.url }}" class="funding-cover"/>
+        {% endif %}
+        <div class="normal-text">
+        {{ object.description|safe }}
+        {% offer_status object %}
+        {% offer_status_more object %}
+        <p><a href="{% url 'infopage' 'wesprzyj' %}">{% trans "Learn more" %}</a>.</p>
+        </div>
+        
+        <div style="clear:both;"></div>
     </div>
-    
-    <div style="clear:both;"></div>
 
     {% if object.is_current %}
         <div class="normal-text">