Add margins to paragraphs and accordion

app/components/accordion/index.hbs

@@ -1,7 +1,7 @@
 
 {{!-- Flowbite accordion component --}}
 <div id="accordion-flush" data-accordion="collapse" data-active-classes="bg-white dark:bg-gray-900 text-gray-900 dark:text-white" data-inactive-classes="text-gray-500 dark:text-gray-400"
-class="w-5/6">
+class="w-5/6 ml-6">
   {{#each this.states as |state index|}}
     <State @state={{state}} @index={{index}} />
   {{/each}}

app/routes/home/template.hbs

@@ -10,25 +10,24 @@
 
     <h3>What is Bildungsurlaub?</h3>
 
-    <p><q>In most federal states, employees are offered the opportunity to take time off work to take advantage of
+    <p class="m-8"><em><q>In most federal states, employees are offered the opportunity to take time off work to take advantage of
         opportunities
         for further education. This is known as "Bildungsurlaub" or "Bildungsfreistellung".
 
         In the overview below, you will find a brief description of each federal state that offers such a scheme and
         references
-        to sources that provide detailed information on requirements and further information.</q> - InfoWeb Weiterbildung
+        to sources that provide detailed information on requirements and further information.</q></em> - InfoWeb Weiterbildung
     </p>
 
-    <p><q>Educational leave is the legal entitlement of employees in [Germany] to time off work to participate in
-    recognized further education events with continued payment of remuneration. </q> - Berlin.de</p>
+    <p class="m-8"><em><q>Educational leave is the legal entitlement of employees in [Germany] to time off work to participate in
+    recognized further education events with continued payment of remuneration. </q></em> - Berlin.de</p>
 
     <h3>Definition and eligibility from the German law</h3>
 
-    Each principle and eligibility depend on the state your are working in. In the overview below you will find a description of the principles (Grundsätze) and eligibility (Anspruch) of each state:
+    <p class="m-8">Each principle and eligibility depend on the state your are working in. In the overview below you will find a description of the principles (Grundsätze) and eligibility (Anspruch) of each state:</p>
 
       <Accordion @states={{@model.data}} />
       {{log @model.data 'model.data'}}
-      --> Finish the accordion with all states
 
     <h3>Include complete schema of scenarios</h3>
     General scenario of eligibility containing employment status + if already used Bildungsurlaub days, and more

app/templates/application.hbs

@@ -1,7 +1,8 @@
-{{page-title "Bildungsurlaub"}}
+  {{page-title "Bildungsurlaub"}}
 <Navbar />
-<h1 id="title">Bildungsurlaub</h1>
+<h1 class="m-6 flex justify-center" id="title">Bildungsurlaub</h1>
+<div class="m-6">
+  {{outlet}}
+</div>
 
 
-{{outlet}}
-