-<div id='side-search'>
- <p>{% trans "Search" %}:<br/>
- <input id='search-input' /><br/>
- <button id='search-button'>{% trans "Search" %}</button>
- </p>
-
- <p>{% trans "Replace with" %}:<br/>
- <input id='replace-input' /><br/>
- <button id='replace-button'>{% trans "Replace" %}</button><br/>
- <input type="checkbox" id="replace-all" />
- <label for="replace-all">{% trans "Replace all" %}</label><br/>
- </p>
-
- <p>{% trans "Options" %}<br/>
- <input type="checkbox" id="search-case-sensitive" />
- <label for="search-case-sensitive">{% trans "Case sensitive" %}</label><br/>
- <input type="checkbox" id="search-from-cursor" />
- <label for="search-from-cursor">{% trans "From cursor" %}</label><br/>
- </p>
-</div>
\ No newline at end of file
+<div id='side-search' class="container">
+ <div class="form-group">
+ <label for="search-input" class="mt-2">{% trans "Search" %}:</label>
+ <input id='search-input' class="form-control" />
+ </div>
+ <div class="form-group">
+ <button id='search-button' class="btn btn-primary">{% trans "Search" %}</button>
+ </div>
+ <div class="form-group">
+ <label for="replace-input">{% trans "Replace with" %}:</label>
+ <input id='replace-input' class="form-control" />
+ </div>
+ <div class="form-group">
+ <button class="btn btn-primary" id='replace-button'>{% trans "Replace" %}</button>
+ </div>
+ <div class="form-check">
+ <input type="checkbox" id="replace-all" class="form-check-input" />
+ <label for="replace-all">{% trans "Replace all" %}</label>
+ </div>
+ <h6>{% trans "Options" %}</h6>
+ <div class="form-check">
+ <input type="checkbox" id="search-case-sensitive" class="form-check-input" />
+ <label for="search-case-sensitive">{% trans "Case sensitive" %}</label>
+ </div>
+ <div class="form-check">
+ <input type="checkbox" id="search-from-cursor" class="form-check-input" />
+ <label for="search-from-cursor">{% trans "From cursor" %}</label>
+ </div>
+</div>