Fix spacing

Orange-OpenSource · Nov 23, 2022 · 4e54a38 · 4e54a38
1 parent 0c794ba
commit 4e54a38
Showing 1 changed file with 6 additions and 6 deletions.
diff --git a/site/content/docs/5.2/components/modal.md b/site/content/docs/5.2/components/modal.md
@@ -48,10 +48,10 @@ Below is a _static_ modal example (meaning its `position` and `display` have bee
           <h5 class="modal-title">Modal title</h5>
           <button type="button" class="btn-close" data-bs-dismiss="modal"><span class="visually-hidden">Close</span></button>
         </div>
-        <div class="modal-body">
+        <div class="modal-body  mb-1 mb-sm-2">
           <p>Modal body text goes here.</p>
         </div>
-        <div class="modal-footer">
+        <div class="modal-footer mt-2">
           <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
           <button type="button" class="btn btn-primary">Save changes</button>
         </div>
@@ -68,10 +68,10 @@ Below is a _static_ modal example (meaning its `position` and `display` have bee
         <h5 class="modal-title">Modal title</h5>
         <button type="button" class="btn-close" data-bs-dismiss="modal"><span class="visually-hidden">Close</span></button>
       </div>
-      <div class="modal-body">
+      <div class="modal-body  mb-1 mb-sm-2">
         <p>Modal body text goes here.</p>
       </div>
-      <div class="modal-footer">
+      <div class="modal-footer mt-2">
         <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
         <button type="button" class="btn btn-primary">Save changes</button>
       </div>
@@ -143,10 +143,10 @@ Toggle a working modal demo by clicking the button below. It will slide down and
         <h1 class="modal-title h5" id="exampleModalLiveLabel">Modal title</h1>
         <button type="button" class="btn-close" data-bs-dismiss="modal"><span class="visually-hidden">Close</span></button>
       </div>
-      <div class="modal-body">
+      <div class="modal-body mb-1 mb-sm-2">
         <p>Woo-hoo, you're reading this text in a modal!</p>
       </div>
-      <div class="modal-footer">
+      <div class="modal-footer mt-2">
         <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
         <button type="button" class="btn btn-primary">Save changes</button>
       </div>