Revision 31b499f3

b/snf-astakos-app/astakos/im/static/im/css/formating.css
139 139
.api-access-view div.detail {
140 140
    display: block;
141 141
    position: relative;
142
    margin: 2em 0;
142
    margin: 2em 0 0;
143 143
    font-size: 1.3em; 
144 144
    padding-bottom: 0.2em;
145 145
}
......
183 183
    margin-top: 1em;
184 184
}
185 185

  
186
.token-view .renew-token .wrap  {
187
    position: relative;
188
}
189

  
186 190
.renew-token .confirm {
187 191
    color:#3582AC;
188
    margin:0 15px;
192
    position: absolute;
193
    left: 110px;
194
    top:0;
189 195
}
190 196

  
191 197
.renew-token .close {
192 198
    color:#F24E53;
199
    position: absolute;
200
    left: 190px;
201
    top: 0
193 202
}
194 203

  
195 204
.renew-token .sub,
b/snf-astakos-app/astakos/im/static/im/js/common.js
431 431

  
432 432
  $('.renew-token a.do').click(function(e){
433 433
    e.preventDefault();
434
    e.stopPropagation();
435
    $(this).hide();
434
    e.stopPropagation(); 
436 435
    var els = [$(".renew-token .sub"),$('.renew-token .confirm'), $('.renew-token .close')];
437 436
    _.each(els, function (el) { el.show();})
438 437
  })
b/snf-astakos-app/astakos/im/templates/im/api_access_base.html
44 44
                </div>
45 45
                <div class="actions">
46 46
                    <div class="renew-token">
47
                        <a href="#" class="do">renew token</a>
48
                        <a href="#" class="confirm">confirm</a>
49
                        <a href="#" class="close">x</a>
47
                        <span class="wrap">
48
                            <a href="#" class="do">renew token</a>
49
                            <a href="#" class="confirm">confirm</a>
50
                            <a href="#" class="close">x</a>
51
                        </span>
50 52
			<p class="sub"><span>Every time you renew it, make sure to
51 53
		update the clients you use with the new token.</span></p>
52 54
                    </div>
......
112 114
    resources from the command line or use it inside your scripts.</p>
113 115
            <p>Kamaki allows you to execute all the operations you do from the Web UI. You can use kamaki to<br><br>
114 116
            - register images,<br>- spawn clusters of customized VMs,<br>- connect them to
115
    Private Virtual Networks,<br>- have them executing computations dynamically and
117
    Private Virtual Networks,<br>- have them executing computations dynamically<br> <br>and
116 118
    many other neat things.</p>
117 119
            <p> Kamaki is available for most Linux distributions,
118 120
    Windows and Mac OS X. To use it you will need to set it up using your

Also available in: Unified diff