MD Downloads: update page margins/layout

chrome/browser/resources/md_downloads/item.html

 <link rel="import" href="chrome://resources/html/action_link.html">
 <link rel="import" href="chrome://resources/html/cr.html">
 <link rel="import" href="chrome://resources/html/load_time_data.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/polymer/polymer.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-material/paper-material.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-progress/paper-progress.html">
 <link rel="import" href="chrome://resources/cr_elements/v1_0/cr_button/cr_button.html">
 <link rel="import" href="chrome://downloads/action_service.html">
 <link rel="import" href="chrome://downloads/constants.html">
 <link rel="import" href="chrome://downloads/throttled_icon_loader.html">
 
 <dom-module id="downloads-item">
   <template>
     <div id="date-container">
       <div id="since"></div>
       <div id="date"></div>
     </div>
 
-    <div id="content-wrapper">
-      <paper-material id="content" on-dragstart="onDragStart_">
-        <div class="icon-wrapper">
-          <img class="icon" id="file-icon" alt="" hidden="[[isDangerous_]]">
-          <div class="icon" id="warning" hidden="[[!isDangerous_]]"></div>
+    <paper-material id="content" on-dragstart="onDragStart_">
+      <div class="icon-wrapper">
+        <img class="icon" id="file-icon" alt="" hidden="[[isDangerous_]]">
+        <div class="icon" id="warning" hidden="[[!isDangerous_]]"></div>
+      </div>
+
+      <div id="details">
+        <div id="title-area"><!-- Can't have any line breaks.
+          --><a is="action-link" id="file-link" focus-type="name"
+              on-click="onFileLinkClick_"></a><!-- Before #name.
+          --><span id="name"></span>
+          <span id="tag"></span>
         </div>
 
-        <div id="details">
-          <div id="title-area"><!-- Can't have any line breaks.
-            --><a is="action-link" id="file-link" focus-type="name"
-                on-click="onFileLinkClick_"></a><!-- Before #name.
-            --><span id="name"></span>
-            <span id="tag"></span>
-          </div>
+        <a id="url" target="_blank" focus-type="url"></a>
 
-          <a id="url" target="_blank" focus-type="url"></a>
+        <div id="description"></div>
 
-          <div id="description"></div>
+        <paper-progress id="progress"></paper-progress>
 
-          <paper-progress id="progress"></paper-progress>
-
-          <div id="safe" class="controls" hidden$="[[isDangerous_]]">
-            <cr-button id="show" focus-type="show" on-click="onShowClick_"
-                i18n-content="controlShowInFolder"></cr-button>
-            <cr-button id="retry" focus-type="retry" on-click="onRetryClick_"
-                i18n-content="controlRetry"></cr-button>
-            <cr-button id="pause" focus-type="pause" on-click="onPauseClick_"
-                i18n-content="controlPause"></cr-button>
-            <cr-button id="resume" focus-type="resume"
-                on-click="onResumeClick_"
-                i18n-content="controlResume"></cr-button>
-            <cr-button id="cancel" focus-type="cancel"
-                on-click="onCancelClick_"
-                i18n-content="controlCancel"></cr-button>
-            <span id="controlled-by"
-                i18n-values=".innerHTML:controlByExtension"></span>
-          </div>
-
-          <div id="dangerous" class="controls" hidden$="[[!isDangerous_]]">
-            <!-- Dangerous file types (e.g. .exe, .jar). -->
-            <cr-button focus-type="save" i18n-content="dangerSave"
-                on-click="onSaveDangerous_"
-                hidden$="[[isMalware_]]"></cr-button>
-            <cr-button focus-type="discard" i18n-content="dangerDiscard"
-                on-click="onDiscardDangerous_"
-                hidden$="[[isMalware_]]"></cr-button>
-
-            <!-- Things that safe browsing has determined to be dangerous. -->
-            <cr-button focus-type="save" i18n-content="dangerRestore"
-                on-click="onSaveDangerous_"
-                hidden$="[[!isMalware_]]"></cr-button>
-            <cr-button focus-type="discard"
-                i18n-content="controlRemoveFromList"
-                on-click="onDiscardDangerous_"
-                hidden$="[[!isMalware_]]"></cr-button>
-          </div>
+        <div id="safe" class="controls" hidden$="[[isDangerous_]]">
+          <cr-button id="show" focus-type="show" on-click="onShowClick_"
+              i18n-content="controlShowInFolder"></cr-button>
+          <cr-button id="retry" focus-type="retry" on-click="onRetryClick_"
+              i18n-content="controlRetry"></cr-button>
+          <cr-button id="pause" focus-type="pause" on-click="onPauseClick_"
+              i18n-content="controlPause"></cr-button>
+          <cr-button id="resume" focus-type="resume"
+              on-click="onResumeClick_"
+              i18n-content="controlResume"></cr-button>
+          <cr-button id="cancel" focus-type="cancel"
+              on-click="onCancelClick_"
+              i18n-content="controlCancel"></cr-button>
+          <span id="controlled-by"
+              i18n-values=".innerHTML:controlByExtension"></span>
         </div>
 
-        <div id="remove-wrapper" class="icon-wrapper">
-          <paper-icon-button id="remove" focus-type="remove" icon="clear"
-              on-click="onRemoveClick_"></paper-icon-button>
+        <div id="dangerous" class="controls" hidden$="[[!isDangerous_]]">
+          <!-- Dangerous file types (e.g. .exe, .jar). -->
+          <cr-button focus-type="save" i18n-content="dangerSave"
+              on-click="onSaveDangerous_"
+              hidden$="[[isMalware_]]"></cr-button>
+          <cr-button focus-type="discard" i18n-content="dangerDiscard"
+              on-click="onDiscardDangerous_"
+              hidden$="[[isMalware_]]"></cr-button>
+
+          <!-- Things that safe browsing has determined to be dangerous. -->
+          <cr-button focus-type="save" i18n-content="dangerRestore"
+              on-click="onSaveDangerous_"
+              hidden$="[[!isMalware_]]"></cr-button>
+          <cr-button focus-type="discard"
+              i18n-content="controlRemoveFromList"
+              on-click="onDiscardDangerous_"
+              hidden$="[[!isMalware_]]"></cr-button>
         </div>
+      </div>
 
-        <div id="incognito" hidden$="[[!isIncognito_]]"></div>
-      </paper-material>
-    </div>
+      <div id="remove-wrapper" class="icon-wrapper">
+        <paper-icon-button id="remove" focus-type="remove" icon="clear"
+            on-click="onRemoveClick_"></paper-icon-button>
+      </div>
+
+      <div id="incognito" hidden$="[[!isIncognito_]]"></div>
+    </paper-material>
 
     <div id="end-cap"></div>
 
   </template>
   <link rel="import" type="css" href="chrome://resources/css/action_link.css">
   <link rel="import" type="css" href="chrome://downloads/shared_style.css">
   <link rel="import" type="css" href="chrome://downloads/item.css">
   <script src="chrome://downloads/item.js"></script>
 </dom-module>