revert to about page article

src/components/About.vue

 <template id="">
-<div>
-
-
-    <div v-if="$store.state.currentLocale == 'eng'">
+  <main>
+    <div class='about' :class="$vuetify.breakpoint.name">
+    <Article class="v-sheet v-card rounded-xl" v-if="$store.state.currentLocale == 'eng'">
+      <h2> About </h2>
       The dictionaries Nynorskordboka and Bokmålsordboka provide information on orthography and definitions for Nynorsk and Bokmål respectively. They were first published in 1986 and were written by lexicographers at the University of Oslo in cooperation with the Language Council of Norway (Språkrådet). From 2016 the University of Bergen and the Language Council have been responsible for the dictionaries. The dictionaries are currently undergoing a thorough revision.
 <a href ="https://www.sprakradet.no/Vi-og-vart/Om-oss/English-and-other-languages/English/">The Language Council</a> is the state agency in charge of questions regarding the Norwegian language and carries out Norwegian language policy on assignment from the Ministry Of Culture. The Council is responsible for informing the public about the official norms for Bokmål and Nynorsk.
 The content of Nynorskordboka and Bokmålsordboka is available as open data and can be used for any purpose under certain terms. <a href="">Read about the terms here</a>.
-    </div>
 
 
 
-    <div v-if="$store.state.currentLocale == 'nno'">
+    </Article>
+    <Article class="v-sheet v-card rounded-xl" v-if="$store.state.currentLocale == 'nno'">
+    <h2>Om betaversjonen</h2>
     <p>
       Dette er ei ny visningside for standardordbøkene <em>Bokmålsordboka</em> og <em>Nynorskordboka</em>. Sida er
       framleis under utvikling, så det er visse
@@ -424,8 +425,9 @@ The content of Nynorskordboka and Bokmålsordboka is available as open data and
       </ul>
     </details>
 
-    </div>     
-    <div  v-if="$store.state.currentLocale == 'nob'">
+    </Article>     
+    <Article class="v-sheet v-card rounded-xl"  v-if="$store.state.currentLocale == 'nob'">
+      <h2>Om betaversjonen</h2>
       <p>Dette er en ny visningsside for standardordbøkene <em>Bokmålsordboka</em> og <em>Nynorskordboka.</em> Siden er fortsatt under utvikling, så enkelte funksjoner er ikke på plass ennå. Arbeidet med å revidere innholdet i ordbøkene pågår, og redaksjonen legger fortløpende ut ordartikler som er revidert og kvalitetssjekket. </p>
       <p>Dersom du vil søke i ordbøkene med det gamle grensesnittet, kan du fortsatt finne dem her: <a aria-label="Lenke til forelda versjon av ordbøkene" href="https://ordbok.uib.no/">ordbok.uib.no</a></p>
       <p>I forbindelse med oppgraderingen har vi gjort en opprydding både i grensesnittet og i dataene våre. Derfor kan det være feil og mangler i den nye løsningen vi ikke har oppdaget ennå, eller ikke har hatt tid til å få på plass. Dersom du oppdager noe som er feil eller mangelfullt, vil vi gjerne ha tilbakemelding om det! Kontakt oss gjerne på <a aria-label="skriv e-post til Ordbøkene" href="mailto:ordbok-beta@uib.no">ordbok-beta@uib.no</a>. </p>
@@ -560,16 +562,29 @@ Søket «kjærlighet|kjærleik» gir treff på kjærlighet i Bokmålsordboka og
       <li><a aria-label="Lenke til svenska.se, nettsted med svenske ordbøker" href="https://svenska.se/">svenska.se:</a> flere svenske ordbøker</li>
   </ul>
 </div></details>
-</div>
+</Article>
 
 
 </div>
-
+  </main>
 </template>
 
 
 <style scoped>
 
+main {
+  background-color: var(--v-tertiary-base);
+
+}
+
+.about_lang {
+  margin-left: 20px;
+}
+
+  .about {
+    padding-left: calc((100vw - 1200px) / 2);
+    padding-right: calc((100vw - 1200px) / 2);
+  }
 
 
   h2, h3, h4, p{
@@ -582,6 +597,19 @@ Søket «kjærlighet|kjærleik» gir treff på kjærlighet i Bokmålsordboka og
     margin-left: 20px;
   }
 
+  details summary > * {
+  display: inline;
+}
+
+
+summary {
+    width: auto;
+    cursor: pointer;
+    margin-bottom: 10px;
+    padding-bottom: 10px;
+    text-align: left;
+    border-bottom: solid 1px var(--v-border-base) !important;
+  }
 
   blockquote {
     margin-left:50px;