From cac684a1f1d9d96bcf5d85bc335dba1a13ac6d6c Mon Sep 17 00:00:00 2001
From: Rachid Mrad <rachid.mrad@ecstech.com>
Date: Tue, 10 Sep 2024 14:27:43 -0400
Subject: [PATCH] fix spacing on SO page

---
 .../templates/includes/senior_official.html   | 22 ++++++++++---------
 1 file changed, 12 insertions(+), 10 deletions(-)

diff --git a/src/registrar/templates/includes/senior_official.html b/src/registrar/templates/includes/senior_official.html
index 98afa4dec..da6c0ac36 100644
--- a/src/registrar/templates/includes/senior_official.html
+++ b/src/registrar/templates/includes/senior_official.html
@@ -24,7 +24,7 @@
 {% endif %}
 
 {% if can_edit %}
-    <form class="usa-form usa-form--large" method="post" novalidate id="form-container">
+    <form class="usa-form usa-form--large desktop:margin-top-4" method="post" novalidate id="form-container">
         {% csrf_token %}
         {% input_with_errors form.first_name %}
         {% input_with_errors form.last_name %}
@@ -35,15 +35,17 @@
 {% elif not form.full_name.value and not form.title.value and not form.email.value %}
     <h4>No senior official was found.</h4>
 {% else %}
-    {% if form.full_name.value is not None %}
-        {% include "includes/input_read_only.html" with field=form.full_name %}
-    {% endif %}
+    <div class="desktop:margin-top-4">
+        {% if form.full_name.value is not None %}
+            {% include "includes/input_read_only.html" with field=form.full_name %}
+        {% endif %}
 
-    {% if form.title.value is not None %}
-        {% include "includes/input_read_only.html" with field=form.title %}
-    {% endif %}
+        {% if form.title.value is not None %}
+            {% include "includes/input_read_only.html" with field=form.title %}
+        {% endif %}
 
-    {% if form.email.value is not None %}
-        {% include "includes/input_read_only.html" with field=form.email %}
-    {% endif %}
+        {% if form.email.value is not None %}
+            {% include "includes/input_read_only.html" with field=form.email %}
+        {% endif %}
+    </div>
 {% endif %}