Skip to content

Commit 4bbd626

Browse files
Changed button action styling and spacing
Signed-off-by: Natalia Luzuriaga <natalia.luzuriaga@cms.hhs.gov>
1 parent bf074e1 commit 4bbd626

File tree

2 files changed

+20
-9
lines changed

2 files changed

+20
-9
lines changed

css/styles.css

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -18,6 +18,10 @@ textarea {
1818
box-sizing: border-box;
1919
}
2020

21+
#github-url-form {
22+
margin-bottom: 0px;
23+
}
24+
2125
.usa-alert {
2226
margin-bottom: 15px;
2327
max-width: 1300px;
@@ -48,6 +52,10 @@ textarea {
4852
display: inline-block;
4953
}
5054

55+
.button-actions {
56+
margin-top: 20px;
57+
}
58+
5159
@keyframes slideDown {
5260
from {
5361
opacity: 0;

index.html

Lines changed: 12 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -284,22 +284,25 @@ <h4 class="usa-heading margin-top-neg-05 margin-bottom-1" id="quiz-subheading">
284284
<h2>Complete the entire form to generate the code.json file</h2>
285285
</div>
286286
</div>
287-
<br>
288287

289288
<div id="formio"></div>
290289

291290
<!-- code.json Generated Output -->
292291
<div id="output">
293292
<label class="usa-label" for="json-result">Your code.json metadata</label>
294293
<textarea class="usa-textarea" rows="30" id="json-result" name="json-result" readonly></textarea>
295-
<button class="usa-button usa-button--outline" type="button" href="#"
296-
onclick="copyToClipboard(event)">Copy</button>
297-
<button class="usa-button usa-button--outline" type="button" href="#"
298-
onclick="downloadFile(event)">Download</button>
299-
<button class="usa-button usa-button--outline" type="button" href="#" onclick="createProjectPR(event)">Create
300-
Pull
301-
Request</button>
302-
<button class="usa-button usa-button--outline" type="button" href="#" onclick="emailFile(event)">Email</button>
294+
<div class="button-actions">
295+
<button class="usa-button usa-button--outline" type="button" href="#"
296+
onclick="copyToClipboard(event)">Copy</button>
297+
<button class="usa-button usa-button--outline" type="button" href="#"
298+
onclick="downloadFile(event)">Download</button>
299+
<button class="usa-button usa-button--outline" type="button" href="#"
300+
onclick="createProjectPR(event)">Create
301+
Pull
302+
Request</button>
303+
<button class="usa-button usa-button--outline" type="button" href="#"
304+
onclick="emailFile(event)">Email</button>
305+
</div>
303306
</div>
304307

305308
</body>

0 commit comments

Comments
 (0)