fix ot_widgets html to match new css definitions

ot_widgets/Resources/Private/Templates/Box/Box.html

@@ -0,0 +1,17 @@
+<f:layout name="Default" />
+
+<f:section name="box">
+    <div class="ot-box">
+        <header>
+            <h3>{title}</h3>
+        </header>
+
+        <div class="box-content">
+            {content}
+        </div>
+
+        <footer>
+            {footer}
+        </footer>
+    </div>
+</f:section>

ot_widgets/Resources/Private/Templates/Donor/GetDonors.html

@@ -2,20 +2,21 @@
 
 <f:section name="content">
 
-    <div class="ot-donors">
+    <div class="ot-box ot-donors">
         <f:if condition="{donors -> f:count()} > 0">
             <f:then>
                 <div class="donors-panel">
                     <header>
                         <h3>Nos partenaires</h3>
                     </header>
-
-                    <div class="donor-list {f:if(condition: '{staticDisplay} == 1', then: '', else: 'carousel')}">
-                        <f:for each="{donors}" as="donor">
-                            <div class="donor-card">
-                                <img src="{donor.logo}" alt="{donor.name}"/>
-                            </div>
-                        </f:for>
+                    <div class="box-content">
+                        <div class="donor-list {f:if(condition: '{staticDisplay} == 1', then: '', else: 'carousel')}">
+                            <f:for each="{donors}" as="donor">
+                                <div class="donor-card">
+                                    <img src="{donor.logo}" alt="{donor.name}"/>
+                                </div>
+                            </f:for>
+                        </div>
                     </div>
                 </div>
             </f:then>
@@ -27,12 +28,14 @@
                     <header>
                         <h3>Partenaires de notre réseau</h3>
                     </header>
-                    <div class="donor-list {f:if(condition: '{settings.carousel} == 1', then: 'carousel', else: '')}">
-                        <f:for each="{networkDonors}" as="donor">
-                            <div class="donor-card">
-                                <img src="{donor.logo}" alt="{donor.name}"/>
-                            </div>
-                        </f:for>
+                    <div class="box-content">
+                        <div class="donor-list {f:if(condition: '{settings.carousel} == 1', then: 'carousel', else: '')}">
+                            <f:for each="{networkDonors}" as="donor">
+                                <div class="donor-card">
+                                    <img src="{donor.logo}" alt="{donor.name}"/>
+                                </div>
+                            </f:for>
+                        </div>
                     </div>
                 </div>
             </f:then>

ot_widgets/Resources/Private/Templates/Event/Preview.html

@@ -8,7 +8,7 @@
     <f:comment><!-- Get the events page' uid if the page is found --></f:comment>
     <v:variable.set value="{ot:eventsPage.getId()}" name="eventsPageUid"/>
 
-    <div class="ot-events">
+    <div class="ot-box ot-events">
         <div class="events-list">
             <header>
                 <h3>Nos prochains évènements</h3>
@@ -115,7 +115,7 @@
         <v:condition.variable.isset name="structuresEvents">
             <div class="events-list">
                 <header>
-                    <h2>Prochains événements de nos structures</h2>
+                    <h3>Prochains événements de nos structures</h3>
                 </header>
 
                 <f:for each="{structuresEvents}" as="event">