mirror of
https://github.com/cisagov/manage.get.gov.git
synced 2025-08-15 14:04:10 +02:00
UI tweaks
This commit is contained in:
parent
22dd563d61
commit
2739a9b59b
4 changed files with 15 additions and 7 deletions
|
@ -79,6 +79,10 @@ body {
|
|||
}
|
||||
}
|
||||
|
||||
.section-outlined--extra-padding {
|
||||
padding: units(2) units(3) units(3);
|
||||
}
|
||||
|
||||
.section-outlined--border-base-light {
|
||||
border: 1px solid color('base-light');
|
||||
}
|
||||
|
@ -296,6 +300,10 @@ Fit-content itself does not work.
|
|||
width: 40%;
|
||||
}
|
||||
|
||||
.width-100px {
|
||||
width: 100px;
|
||||
}
|
||||
|
||||
.minh-143px {
|
||||
min-height: 143px;
|
||||
}
|
||||
|
|
|
@ -7,7 +7,7 @@ th {
|
|||
|
||||
.dotgov-table--stacked {
|
||||
td, th {
|
||||
padding: units(1) units(2) units(2px) 0;
|
||||
padding: units(1) units(1) units(2px) 0;
|
||||
border: none;
|
||||
}
|
||||
|
||||
|
|
|
@ -71,7 +71,7 @@
|
|||
{% if forloop.last %}
|
||||
|
||||
{% comment %}This section renders the Add DS data form.{% endcomment %}
|
||||
<section class="add-dsdata-form display-none section-outlined">
|
||||
<section class="add-dsdata-form display-none section-outlined section-outlined--extra-padding">
|
||||
<h2 class="margin-top-0">Add DS record</h2>
|
||||
<div class="repeatable-form">
|
||||
<div class="grid-row grid-gap-2 flex-end">
|
||||
|
@ -123,13 +123,13 @@
|
|||
{% endif %}
|
||||
{% endfor %}
|
||||
|
||||
<div class="margin-top-4" tabindex="0" id="domains__table-wrapper">
|
||||
<div class="usa-table-container--scrollable margin-top-4" tabindex="0">
|
||||
<table class="usa-table usa-table--borderless usa-table--stacked dotgov-table dotgov-table--stacked" id="dsdata-table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th scope="col" role="columnheader">Key tag</th>
|
||||
<th scope="col" role="columnheader">Algorithm</th>
|
||||
<th scope="col" role="columnheader">Digest type</th>
|
||||
<th scope="col" role="columnheader" class="width-100px">Digest type</th>
|
||||
<th scope="col" role="columnheader">Digest</th>
|
||||
<th scope="col" role="columnheader" class="width-0 padding-right-0">Action</th>
|
||||
</tr>
|
||||
|
@ -276,7 +276,7 @@
|
|||
|
||||
<div class="add-dsdata-form display-none">
|
||||
{% include "includes/required_fields.html" %}
|
||||
<section class="section-outlined">
|
||||
<section class="section-outlined section-outlined--extra-padding">
|
||||
<form class="usa-form usa-form--extra-large" method="post" novalidate>
|
||||
<h2>Add DS record</h2>
|
||||
{% csrf_token %}
|
||||
|
|
|
@ -82,7 +82,7 @@
|
|||
This section does not render if the last form has initial data (this occurs if 13 nameservers already exist)
|
||||
{% endcomment %}
|
||||
|
||||
<section class="add-nameservers-form display-none section-outlined">
|
||||
<section class="add-nameservers-form display-none section-outlined section-outlined--extra-padding">
|
||||
{{ form.domain }}
|
||||
<h2>Add a name server</h2>
|
||||
<div class="repeatable-form">
|
||||
|
@ -242,7 +242,7 @@
|
|||
{% endcomment %}
|
||||
<div class="add-nameservers-form display-none">
|
||||
{% include "includes/required_fields.html" %}
|
||||
<section class="section-outlined">
|
||||
<section class="section-outlined section-outlined--extra-padding">
|
||||
<form class="usa-form usa-form--extra-large" method="post" novalidate>
|
||||
<h2>Add name servers</h2>
|
||||
{% csrf_token %}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue