Added Bootstrap and css for responsive page

As the label is not inline with filter added
bootstrap to make it adjust with screen-width

Change-Id: I189b0da7e4194e2e65230019f99598d97a50f802
Closes-Bug: #1445591
This commit is contained in:
Pavani Peddapalli 2020-06-24 18:24:07 +05:30 committed by Akihiro Motoki
parent 316d826d88
commit 00f90b2998
2 changed files with 8 additions and 2 deletions

View File

@ -19,8 +19,10 @@
</div>
<div class="col-xs-6">
<div class="fake_table fake_table_header fake_{{ step.slug }}_table clearfix">
<span class="members_title">{{ step.members_list_title }}</span>
<div class="form-group has-feedback">
<div class="col-sm-7 col-xs-12 zero_padding">
<span class="members_title">{{ step.members_list_title }}</span>
</div>
<div class="form-group has-feedback col-sm-5 col-xs-12 zero_padding">
<input type="text" name="{{ step.slug }}_members_filter" id="{{ step.slug }}_members" class="filter {{ step.slug }}_filter form-control input-sm" placeholder="{% trans "Filter" %}">
<span class="fa fa-search search-icon form-control-feedback"></span>
</div>

View File

@ -142,3 +142,7 @@
.dropdown_fix {
overflow: visible;
}
.zero_padding{
padding: 0px;
}