Fix spacing

Orange-OpenSource · Nov 23, 2022 · be6c3cf · be6c3cf
1 parent 8d4e2bf
commit be6c3cf
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>