style update

Author: michelaparma

JS/metadata.js

@@ -16,7 +16,7 @@ function addManuscriptForm(data = {}) {
   form.className = 'accordion mb-4';
   form.setAttribute('data-index', manuscriptCounter);
   form.innerHTML = `
-    <div class="container border rounded p-4">
+    <div class="container manuscript-container border rounded p-4">
         <h4 class="pb-3">${title}</h4>
         <div class="accordion" id="accordion-${id}">
             <form id="${formId}" class="msForm">

background.html

@@ -54,9 +54,9 @@ <h5 class="offcanvas-title" id="offcanvasNavbarLabel">&lt;MANO&gt;</h5>
             </div>
         </nav>
 
-        <div class="container-fluid mt-5">
-            <div class="container mt-3">
-                <button onclick="history.back()" class="btn btn-outline-secondary">&larr; Back</button>
+        <div class="container mt-4">
+            <div class="container">
+                <button onclick="history.back()" class="btn btn-sm btn-outline-secondary">&larr; Back</button>
             </div>
             <h1 class="page-title">Background</h1>
 

contacts.html

@@ -54,9 +54,9 @@ <h5 class="offcanvas-title" id="offcanvasNavbarLabel">&lt;MANO&gt;</h5>
             </div>
         </nav>
 
-        <div class="container-fluid mt-5">
-            <div class="container mt-3">
-            <button onclick="history.back()" class="btn btn-outline-secondary">&larr; Back</button>
+        <div class="container mt-4">
+            <div class="container">
+            <button onclick="history.back()" class="btn btn-sm btn-outline-secondary">&larr; Back</button>
           </div>
             <h1 class="page-title">Contacts</h1>
 

css/style.css

@@ -148,4 +148,18 @@ section h2 {
   .hp-subtitle {
     font-size: 1.1rem;
   }
+
+.container-page{
+  padding-left:0px;
+  padding-right:0px;
+}
+  .manuscript-container{
+    padding: 8px!important;
+  }
+  .accordion-body {
+    padding:0px;
+  }
+  .accordion-body h6 {
+    padding-left:8px;
+  }
 }

playground-metadata.html

@@ -56,9 +56,9 @@ <h5 class="offcanvas-title" id="offcanvasNavbarLabel">&lt;MANO&gt;</h5>
             </div>
         </nav>
 
-        <div class="container-fluid container-page mt-5 mb-5">
-          <div class="container mt-3">
-            <button onclick="history.back()" class="btn btn-outline-secondary">&larr; Back</button>
+        <div class="container container-page mt-4 mb-5">
+          <div class="container">
+            <button onclick="history.back()" class="btn btn-sm btn-outline-secondary">&larr; Back</button>
           </div>
           <h1 class="page-title">Metadata Editor</h1>
 

playground-transcription.html

@@ -75,9 +75,9 @@ <h5 class="offcanvas-title" id="offcanvasNavbarLabel">&lt;MANO&gt;</h5>
             </div>
         </nav>
 
-        <div class="container mt-5 mb-3">
-          <div class="container mt-3">
-            <button onclick="history.back()" class="btn btn-outline-secondary">&larr; Back</button>
+        <div class="container mt-4 mb-3">
+          <div class="container">
+            <button onclick="history.back()" class="btn btn-sm btn-outline-secondary">&larr; Back</button>
           </div>
           <h1 class="page-title">Transcription Tool</h1>
 

playground.html

@@ -54,21 +54,21 @@ <h5 class="offcanvas-title" id="offcanvasNavbarLabel">&lt;MANO&gt;</h5>
             </div>
         </nav>
 
-        <div class="container mt-5">
-          <div class="container mt-3">
-            <button onclick="history.back()" class="btn btn-outline-secondary">&larr; Back</button>
+        <div class="container mt-4">
+          <div class="container">
+            <button onclick="history.back()" class="btn btn-sm btn-outline-secondary">&larr; Back</button>
           </div>
             <h1 class="page-title">Playground</h1>
 
             <div class="container text-center my-5">
               <div class="row justify-content-center">
-                <div class="col-md-4">
+                <div class="col-md-4 mb-3 mb-sm-0">
                   <div class="card">
                     <div class="card-body">
                       <h5 class="card-title">Step 1</h5>
                       <h6 class="card-subtitle mb-2 text-body-secondary">Enter Metadata</h6>
                       <p class="card-text">Enter and structure manuscript metadata according to TEI P5 standards. Upload existing XML or JSON files, or create entries from scratch. Export your work in XML, JSON, CSV, or RDF formats for use in research or teaching.</p>
-                      <a href="playground-metadata.html" class="card-link">Go to Metadata Editor</a>
+                      <a href="playground-metadata.html" class="btn btn-outline-primary">Go to Metadata Editor</a>
 
                     </div>
                   </div>
@@ -79,7 +79,7 @@ <h6 class="card-subtitle mb-2 text-body-secondary">Enter Metadata</h6>
                       <h5 class="card-title">Step 2</h5>
                       <h6 class="card-subtitle mb-2 text-body-secondary">Upload Transcription</h6>
                       <p class="card-text">Upload a TEI-XML transcription and work side-by-side with a live XML editor, a formatted transcription preview, and a digital facsimile. Navigate by page and download your updates at any time.</p>
-                      <a href="playground-transcription.html" class="card-link">Go to Transcription Tool</a>
+                      <a href="playground-transcription.html" class="btn btn-outline-primary">Go to Transcription Tool</a>
 
                     </div>
                   </div>
@@ -88,7 +88,7 @@ <h6 class="card-subtitle mb-2 text-body-secondary">Upload Transcription</h6>
             </div>
         </div>
 
-        <footer class="footer bg-body-tertiary text-center text-lg-start py-3 border-top fixed-bottom">
+        <footer class="footer bg-body-tertiary text-center text-lg-start py-3 border-top mb-0">
             <div class="container">
                 <div class="row align-items-center text-center text-lg-start">
                     <!-- Left Section -->