Center in the page new document-form. Added style recommendations sidebar.

app/assets/stylesheets/participation.scss

@@ -253,7 +253,8 @@
 
   .icon-debates,
   .icon-proposals,
-  .icon-budget {
+  .icon-budget,
+  .icon-documents {
     font-size: rem-calc(50);
     line-height: $line-height;
     opacity: 0.5;
@@ -296,7 +297,8 @@
   }
 }
 
-.proposal-form {
+.proposal-form,
+.document-form {
 
   .recommendations li::before {
     color: $proposals;
@@ -751,6 +753,13 @@
   display: none;
 }
 
+/* Ovveride proposal linea 623 */
+.document-form{
+  max-width: 75rem;
+  margin-left: auto;
+  margin-right: auto;
+}
+
 .more-info {
   clear: both;
   color: $text-medium;

app/views/documents/_documents.html.erb

@@ -1,13 +1,21 @@
 <% if documents.any? %>
-  <table>
-    <tbody>
-      <% documents.each do |document| %>
-        <%= render "documents/document", document: document %>
-      <% end %>
-    </tbody>
-  </table>
+  <div class="row">
+    <div class="small-12 column">
+      <table>
+        <tbody>
+          <% documents.each do |document| %>
+            <%= render "documents/document", document: document %>
+          <% end %>
+        </tbody>
+      </table>
+    </div>
+  </div>
 <% else %>
-  <div class="callout primary text-center">
-    <%= t('documents.no_documents') %>
+  <div class="row">
+    <div class="small-12 column">
+      <div class="callout primary text-center">
+        <%= t('documents.no_documents') %>
+      </div>
+    </div>
   </div>
 <% end %>

app/views/documents/new.html.erb

@@ -2,9 +2,7 @@
 
   <div class="small-12 medium-9 column">
     <%= render "shared/back_link" %>
-
     <h1><%= t("documents.new.title") %></h1>
-
     <%= render "documents/form", form_url: documents_url %>
   </div>