[extensions-web/wip/tomtryf/redesign] Aligned extensions to header

[Yuri Konotopov <ykonotopov src gnome org>]

commit 6b37703b67a8bca9a809d15384b6b4649dc79a25
Author: Yuri Konotopov <ykonotopov gnome org>
Date:   Sun Mar 26 01:00:36 2017 +0400

    Aligned extensions to header

 .../extensions/templates/extensions/comments.html  |    2 +-
 .../extensions/templates/extensions/detail.html    |    6 +++---
 .../templates/extensions/detail_edit.html          |    4 ++--
 sweettooth/static/css/style.css                    |    4 ++++
 sweettooth/static/css/sweettooth.css               |    3 +--
 5 files changed, 11 insertions(+), 8 deletions(-)
---
diff --git a/sweettooth/extensions/templates/extensions/comments.html 
b/sweettooth/extensions/templates/extensions/comments.html
index 1d974b3..43088ba 100644
--- a/sweettooth/extensions/templates/extensions/comments.html
+++ b/sweettooth/extensions/templates/extensions/comments.html
@@ -17,7 +17,7 @@
   </p>
   {% endif %}
 </div>
-<div id="comments" class="col-sm-6 col-sm-pull-6">
+<div id="comments" class="col-sm-6 col-sm-pull-6 no-left-padding">
   <h4>User Reviews</h4>
   <div class="comments-holder"></div>
   <p class="loading">Loading reviews...</p>
diff --git a/sweettooth/extensions/templates/extensions/detail.html 
b/sweettooth/extensions/templates/extensions/detail.html
index eb55ee9..3ad0f7e 100644
--- a/sweettooth/extensions/templates/extensions/detail.html
+++ b/sweettooth/extensions/templates/extensions/detail.html
@@ -6,7 +6,7 @@
          data-epk="{{ extension.pk }}"
          data-uuid="{{ extension.uuid }}"
          data-svm="{{ shell_version_map }}">
-      <div class="extension-header col-xs-12 col-sm-8 col-md-8 col-lg-8">
+      <div class="extension-header col-xs-12 col-sm-8 col-md-8 col-lg-8 no-padding">
         {% spaceless %}
         {% block icon %}
         <img src="{{ extension.icon.url }}" class="icon">
@@ -29,7 +29,7 @@
       <div class="extension-details">
           {% if extension.screenshot %}
               {% block screenshot %}
-              <div class="screenshot col-xs-12 col-sm-5 col-md-4 col-lg-3">
+              <div class="screenshot col-xs-12 col-sm-5 col-md-4 col-lg-3 no-left-padding">
                   <a href="{{ extension.screenshot.url }}"><img src="{{ extension.screenshot.url }}" /></a>
               </div>
               {% endblock screenshot %}
@@ -41,7 +41,7 @@
               {% endblock no-screenshot %}
           {% endif %}
 
-        <div class="col-xs-12 col-sm-6 col-md-7 col-lg-8">
+        <div class="col-xs-12 col-sm-6 col-md-7 col-lg-8 no-left-padding">
             <p class="description" id="extension_description">{{ extension.description }}</p>
 
             <dl>
diff --git a/sweettooth/extensions/templates/extensions/detail_edit.html 
b/sweettooth/extensions/templates/extensions/detail_edit.html
index 63fe40f..75e4c85 100644
--- a/sweettooth/extensions/templates/extensions/detail_edit.html
+++ b/sweettooth/extensions/templates/extensions/detail_edit.html
@@ -52,7 +52,7 @@
 {% endblock %}
 
 {% block screenshot %}
-    <div class="screenshot col-xs-12 col-sm-5 col-md-4 col-lg-3">
+    <div class="screenshot col-xs-12 col-sm-5 col-md-4 col-lg-3 no-left-padding">
         <a href="{{ extension.screenshot.url }}"><img src="{{ extension.screenshot.url }}"/></a>
         <label class="upload">
             <span class="action_button btn btn-primary">Upload screenshot</span>
@@ -62,7 +62,7 @@
 {% endblock %}
 
 {% block no-screenshot %}
-    <div class="screenshot col-xs-12 col-sm-5 col-md-4 col-lg-3">
+    <div class="screenshot col-xs-12 col-sm-5 col-md-4 col-lg-3 no-left-padding">
         <label class="upload">
             <span class="action_button btn btn-primary">Upload screenshot</span>
             <input type="file" accept="image/*">
diff --git a/sweettooth/static/css/style.css b/sweettooth/static/css/style.css
index 8b877d0..ab2307b 100644
--- a/sweettooth/static/css/style.css
+++ b/sweettooth/static/css/style.css
@@ -40,6 +40,10 @@ a:visited {
    margin: 0 !important;
 }
 
+.no-left-padding {
+    padding-left: 0 !important;
+}
+
 .btn-success,
 .btn-primary {
     color: #fff !important;
diff --git a/sweettooth/static/css/sweettooth.css b/sweettooth/static/css/sweettooth.css
index ff84df9..6bed221 100644
--- a/sweettooth/static/css/sweettooth.css
+++ b/sweettooth/static/css/sweettooth.css
@@ -256,7 +256,6 @@ li.extension:last-child, #local_extensions div.extension:last-child {
     display: inline-block;
     line-height: 32px;
     margin: 0;
-    margin-left: 8px;
     font-size: 1.3em;
 }
 
@@ -401,7 +400,7 @@ li.extension:last-child, #local_extensions div.extension:last-child {
 }
 
 .extension .description {
-    margin: 0.5em 32px 0.5em 44px;
+    margin: 0.5em 32px 0.5em 36px;
     font-size: 1.2em;
     overflow: auto;
     white-space: pre-line;