Flat UI Panel

by ifinto

HTML

<link rel="stylesheet" href="http://designmodo.github.io/Flat-UI/dist/css/vendor/bootstrap.min.css">
<link rel="stylesheet" href="http://designmodo.github.io/Flat-UI/dist/css/flat-ui.css">
<script src="http://designmodo.github.io/Flat-UI/dist/js/vendor/jquery.min.js"></script>
<script src="http://designmodo.github.io/Flat-UI/dist/js/flat-ui.min.js"></script>
<script src="http://designmodo.github.io/Flat-UI/docs/assets/js/application.js"></script>
          <div class="jumbotron">
            <div class="container">
              <div class="form-group has-feedback">
                <div class="input-group input-group-hg input-feedback-with-btn"> 
                  <input class="form-control input-hg" type="search" placeholder="search" name="b[search_text]" id="search-query-5"> 
                  <span class="form-control-feedback" aria-hidden="true">eye</span>
                  <span class="input-group-btn"> 
                    <button type="submit" class="btn">search</button>
                  </span> 
                </div>  
              </div>
            </div>
          </div>

CSS

body {
    padding: 40px;
}
.input-feedback-with-btn .form-control-feedback {
    padding-right: 100px;
}