Commit c5f1cf18b29b89b939987354978df3990436c38f

Fix: CSS issues
  • Diff rendering mode:
  • inline
  • side by side

swtr/static/css/swtmaker.css

78 padding: 8px;78 padding: 8px;
79 box-shadow: 1px 1px 3px #ccc;79 box-shadow: 1px 1px 3px #ccc;
80 color: #444;80 color: #444;
81 margin-bottom: 20px;
81}82}
82#helpview-text {83#helpview-text {
83 text-align: center;84 text-align: center;

swtr/templates/index.html

5555
56 <div id="swtr-root" class="container">56 <div id="swtr-root" class="container">
57 <div id="home-page" class="page">57 <div id="home-page" class="page">
58 Lorem Ipsum
58
59 </div>59 </div>
6060
61 <div id="play-page" class="page">61 <div id="play-page" class="page">
……
64 <!-- helpview column of width md-8 -->64 <!-- helpview column of width md-8 -->
65 <div class="col-md-8">65 <div class="col-md-8">
66 <div id="helpview" class="bg-info">66 <div id="helpview" class="bg-info">
67 <span class="label label-default">Heads Up</span>
67 <span class="label label-primary">Heads Up</span>
68 <span id="helpview-text"></span>68 <span id="helpview-text"></span>
69 <a class="close">&times;</a>
69 </div>70 </div>
70 </div>71 </div>
71 <!-- signin view column of width md-4 -->72 <!-- signin view column of width md-4 -->
……
81 <input class="form-control" type="text"81 <input class="form-control" type="text"
82 placeholder="Enter URL of an image or web page" id="user-input">82 placeholder="Enter URL of an image or web page" id="user-input">
83 </div>83 </div>
84 <button type="submit" class="btn btn-primary" id="user-input-submit">Load</button>
84 <button type="submit" class="btn btn-info" id="user-input-submit">Load</button>
85 </form>85 </form>
86 </div>86 </div>
87 <div class="col-md-4">87 <div class="col-md-4">
……
91 <div class="row" id="control-panel">91 <div class="row" id="control-panel">
92 <div class="col-md-8">92 <div class="col-md-8">
93 <form class="form-inline" role="form">93 <form class="form-inline" role="form">
94 <div class="form-group">
95 <label class="checkbox-inline">
96 <input type="checkbox" id="setbox"> Show annotated areas
97 </label>
98 </div>
99 <div class="form-group">
100 <label class="checkbox-inline">
101 <input type="checkbox" id="ocd-source"> Search in Open Cuultur Data
102 </label>
103 </div>
104 <div class="form-group">94 <div class="form-group">
105 <button class="btn btn-default" id="sweet">Sweet</button>95 <button class="btn btn-default" id="sweet">Sweet</button>
106 </div>96 </div>