Skip to content
Snippets Groups Projects
Commit a12faec9 authored by Bryan BRANCOTTE's avatar Bryan BRANCOTTE
Browse files

Improving UI

WIP #63
parent f557d4c0
Branches
Tags
No related merge requests found
......@@ -245,15 +245,6 @@ Description: IPPI-DB Theme
padding-bottom: 1%;
}
.smiles-inpout-and-edit {
display: flex;
}
.smiles-inpout-and-edit>*:first-child {
flex: 1 auto;
margin-right: 0.5em;
}
.form-group.form-check, .compound .input_field input {
text-align: left;
}
......@@ -1515,7 +1506,7 @@ Description: IPPI-DB Theme
text-decoration: none;
}
[type="reset"], [type="submit"], button:not(.multiselect-native-select):not(.multiselect-clear-filter) {
[type="reset"], [type="submit"], :not(.input-group-append)>button:not(.multiselect-native-select):not(.multiselect-clear-filter) {
-webkit-appearance: button;
margin-top: 5px;
border-radius: 0px;
......@@ -1524,6 +1515,13 @@ Description: IPPI-DB Theme
color: #fff;
}
[type="reset"], [type="submit"], .input-group-append>button {
-webkit-appearance: button;
background-color: #2d96fa;
border: none;
color: #fff;
}
.add-button {
border: none;
color: initial;
......
......@@ -38,15 +38,20 @@
<!-- {{ form.common_name|bootstrap }}-->
{{ form.compound_name|bootstrap }}
{{ form.is_macrocycle|bootstrap }}
<div class="form-group smiles-inpout-and-edit">
<div>
{{ form.molecule_smiles|bootstrap }}
</div>
<div>
<button class="btn btn-primary" onclick="showModalFromMe(this);return false;">
<i class="fas fa-pencil-alt"></i>
</button>
</div>
<div class="input-group smiles-inpout-and-edit">
<textarea type="text"
name="{{form.molecule_smiles.html_name}}"
{%if form.molecule_smiles.value %}value="{{form.molecule_smiles.value}}"{%endif%}
class="molecule-composition form-control"
cols="40" rows="1"
{%if form.fields.common_name.required %}required{%endif%}
id="{{form.molecule_smiles.id_for_label}}"></textarea>
<label class="form-control-placeholder" for="{{form.molecule_smiles.id_for_label}}">
{{form.molecule_smiles.label}}
</label>
<div class="input-group-append">
<button class="btn btn-outline-secondary" onclick="showModalFromMe(this);return false;"><i class="fas fa-pencil-alt"></i></button>
</div>
</div>
{{ form.molecule_iupac|bootstrap }}
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment