Small styling tweaks.

codeplaysoftware · May 29, 2024 · 0e809b8 · 0e809b8
1 parent 084e558
commit 0e809b8
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 11 deletions.
diff --git a/_layouts/update.html b/_layouts/update.html
@@ -23,7 +23,7 @@
     <div class="wrapper content-and-side-content">
         <div>
             <a class="button back" href="{{'updates' | absolute_url}}" title="Back to All Updates">
-                <span class="material-icons">arrow_back</span> Back</a>
+                <span class="material-icons">arrow_back</span>Back</a>
             <header>
                 <div>
                     <h1>{{page.title}}</h1>

diff --git a/deliverables.html b/deliverables.html
@@ -28,29 +28,33 @@ <h1><span class="material-icons">sports_score</span>Deliverables</h1>
                     quality of activities and deliverables</td>
                 <td><a class="button"
                        href="/static/files/deliverables/SYCLOPS-D1.1_ProjectManagementQualityAndRiskPlan_20230331.pdf"
-                       target="_blank">Download Report</a></td>
+                       target="_blank"><span class="material-icons">cloud_download</span>Download Report</a>
+                </td>
             </tr>
             <tr>
                 <td>D1.2</td>
                 <td>Describes mechanisms to handle data created or generated during the project.</td>
                 <td><a class="button"
                        href="/static/files/deliverables/SYCLOPS-D1.2_v0.1_DataManagementPlan_20230805.pdf"
-                       target="_blank">Download Report</a></td>
+                       target="_blank"><span class="material-icons">cloud_download</span>Download Report</a>
+                </td>
             </tr>
             <tr>
                 <td>D2.1</td>
                 <td>Provides the overall architectural blueprint of SYCLOPS together with inter and intra-layer
                     interface definitions</td>
                 <td><a class="button"
                        href="/static/files/deliverables/SYCLOPS-D2.1_ArchitectureInterfaceBenchmarkSpec_20230805.pdf"
-                       target="_blank">Download Report</a></td>
+                       target="_blank"><span class="material-icons">cloud_download</span>Download Report</a>
+                </td>
             </tr>
             <tr>
                 <td>D6.1</td>
                 <td> Communication, Networking and Dissemination Plan and Activities</td>
                 <td><a class="button"
                        href="/static/files/deliverables/SYCLOPS_D6.1_Dissemination_and_communication_20230331.pdf"
-                       target="_blank">Download Report</a></td>
+                       target="_blank"><span class="material-icons">cloud_download</span>Download Report</a>
+                </td>
             </tr>
             </tbody>
         </table>

diff --git a/static/css/styled.scss b/static/css/styled.scss
@@ -64,19 +64,24 @@ body {
     button, .button {
         padding: 1rem;
         font-size: 1rem;
-        border: 0;
         background-color: var(--hint-color);
         color: white;
         border-radius: 6px;
         cursor: pointer;
         opacity: .8;
         transition: .1s all;
-        display: block;
+        display: inline-flex;
+        align-items: center;
 
         &:hover {
             opacity: 1;
             transform: scale(1.05);
         }
+
+        span {
+            vertical-align: middle;
+            margin-right: .4rem;
+        }
     }
 
     section {
@@ -811,10 +816,6 @@ body {
     .update-elements {
         .button.back {
             display: inline-flex;
-            align-items: center;
-            padding: 1rem;
-            border: #ccc 1px solid;
-            border-radius: 6px;
         }
     }