event-widget: lazily relayout main grid

data/ui/event-widget.ui

@@ -41,4 +41,46 @@
       </object>
     </child>
   </template>
+
+  <!-- HACK!!!
+       We need this ghost GtkGrid because we can't change the position of the
+       labels in size-allocate. This grid will simulate the main grid with the
+       labels vertically positioned, so we don't need to chage the main grid's
+       label position in size-allocate -->
+  <object class="GtkGrid" id="ghost_grid">
+    <property name="visible">True</property>
+    <property name="column_spacing">4</property>
+    <property name="margin-top">1</property>
+    <property name="margin-bottom">1</property>
+    <property name="margin-start">6</property>
+    <property name="margin-end">4</property>
+    <child>
+      <object class="GtkLabel">
+        <property name="visible">True</property>
+        <property name="label" bind-source="hour_label" bind-property="label" bind-flags="default" />
+        <property name="can_focus">False</property>
+        <property name="xalign">0.0</property>
+        <attributes>
+          <attribute name="weight" value="semibold"/>
+        </attributes>
+      </object>
+      <packing>
+        <property name="left_attach">0</property>
+        <property name="top_attach">0</property>
+      </packing>
+    </child>
+    <child>
+      <object class="GtkLabel">
+        <property name="visible">True</property>
+        <property name="can_focus">False</property>
+        <property name="label" bind-source="summary_label" bind-property="label" bind-flags="default" />
+        <property name="hexpand">True</property>
+        <property name="xalign">0</property>
+        <property name="ellipsize">end</property>
+      </object>
+      <packing>
+        <property name="top_attach">1</property>
+      </packing>
+    </child>
+  </object>
 </interface>