grim/port-authority

move the input controls around a bit
develop
2014-12-08, Gary Kramlich
9d4ebf964c18
Parents 0f9437b5f227
Children dcbfece9f87c
move the input controls around a bit
2 files changed, 21 insertions(+), 11 deletions(-)
  • +1 -1
    css/style.css
  • +20 -10
    html/window.html
    • --- a/css/style.css Mon Dec 08 01:28:30 2014 -0600
    +++ b/css/style.css Mon Dec 08 01:28:37 2014 -0600
    @@ -11,7 +11,7 @@
    padding: 1em 5%;
    }
    -.container {
    +.main {
    margin: 0 auto;
    width: 75%;
    }
    --- a/html/window.html Mon Dec 08 01:28:30 2014 -0600
    +++ b/html/window.html Mon Dec 08 01:28:37 2014 -0600
    @@ -8,16 +8,26 @@
    <link rel="stylesheet" href="/css/style.css">
    </head>
    <body data-ng-controller="ManifestController">
    - <div class="container">
    - <form data-ng-submit="refresh()" class="input-group">
    - <span class="input-group-addon">Registry</span>
    - <input class="form-control" data-ng-model="registry" placeholder="enter the url of your registry">
    - <span class="input-group-addon">Query</span>
    - <input class="form-control" data-ng-model="query" placeholder="Search Query">
    - <span class="input-group-btn">
    - <button type="button" class="btn btn-primary" data-ng-click="refresh()">Refresh</button>
    - </span>
    - </form>
    + <div class="main container">
    + <div class="row">
    + <form data-ng-submit="refresh()">
    + <div class="col-lg-5">
    + <div class="input-group">
    + <span class="input-group-addon">Registry</span>
    + <input class="form-control" data-ng-model="registry" placeholder="enter the url of your registry">
    + </div>
    + </div>
    + <div class="col-lg-5">
    + <div class="input-group">
    + <span class="input-group-addon">Query</span>
    + <input class="form-control" data-ng-model="query" placeholder="Search Query">
    + </div>
    + </div>
    + <div class="col-lg-2">
    + <button type="button" class="btn btn-primary" data-ng-click="refresh()">Refresh</button>
    + </div>
    + </form>
    + </div>
    <div class="listing">
    <div class="list-group repositories">
    <span class="list-group-item active"><span class="badge">{{repos.length}}</span>Repositories</span>