@@ -19,7 +19,7 @@ | |||||
"babel-preset-stage-2": "^6.17.0", | "babel-preset-stage-2": "^6.17.0", | ||||
"babel-register": "^6.16.3", | "babel-register": "^6.16.3", | ||||
"babel-runtime": "^6.11.6", | "babel-runtime": "^6.11.6", | ||||
"bootstrap": "^4.0.0-alpha.4", | |||||
"bootstrap": "4.0.0-alpha.5", | |||||
"clipboard": "^1.5.12", | "clipboard": "^1.5.12", | ||||
"css-loader": "^0.25.0", | "css-loader": "^0.25.0", | ||||
"extract-text-webpack-plugin": "^2.0.0-beta.4", | "extract-text-webpack-plugin": "^2.0.0-beta.4", | ||||
@@ -36,13 +36,13 @@ | |||||
<router-link class="menu-link" :to="{ name: 'home'}">LessPass</router-link> | <router-link class="menu-link" :to="{ name: 'home'}">LessPass</router-link> | ||||
<span class=" hint--right" aria-label="Save password" | <span class=" hint--right" aria-label="Save password" | ||||
v-on:click="saveOrUpdatePassword"> | v-on:click="saveOrUpdatePassword"> | ||||
<i class="fa fa-save m-l-1 fa-clickable" v-if="passwordStatus=='DIRTY'"></i> | |||||
<i class="fa fa-save ml-1 fa-clickable" v-if="passwordStatus=='DIRTY'"></i> | |||||
</span> | </span> | ||||
<span v-if="passwordStatus=='CREATED'" class="text-success"> | <span v-if="passwordStatus=='CREATED'" class="text-success"> | ||||
<i class="fa fa-check m-l-1 text-success"></i> saved | |||||
<i class="fa fa-check ml-1 text-success"></i> saved | |||||
</span> | </span> | ||||
<span v-if="passwordStatus=='UPDATED'" class="text-success"> | <span v-if="passwordStatus=='UPDATED'" class="text-success"> | ||||
<i class="fa fa-check m-l-1 text-success"></i> updated | |||||
<i class="fa fa-check ml-1 text-success"></i> updated | |||||
</span> | </span> | ||||
</div> | </div> | ||||
<div class="col-xs-6 text-xs-right"> | <div class="col-xs-6 text-xs-right"> | ||||
@@ -144,14 +144,13 @@ | |||||
</div> | </div> | ||||
<div class="form-group row"> | <div class="form-group row"> | ||||
<label for="passwordLength" class="col-xs-3 col-form-label">Length</label> | <label for="passwordLength" class="col-xs-3 col-form-label">Length</label> | ||||
<div class="col-xs-3 p-l-0"> | |||||
<div class="col-xs-3 pl-0"> | |||||
<input class="form-control" type="number" id="passwordLength" v-model="password.length" | <input class="form-control" type="number" id="passwordLength" v-model="password.length" | ||||
min="6"> | min="6"> | ||||
</div> | </div> | ||||
<label for="passwordCounter" class="col-xs-3 col-form-label">Counter</label> | <label for="passwordCounter" class="col-xs-3 col-form-label">Counter</label> | ||||
<div class="col-xs-3 p-l-0"> | |||||
<input class="form-control" type="number" id="passwordCounter" | |||||
v-model="password.counter" min="1"> | |||||
<div class="col-xs-3 pl-0"> | |||||
<input class="form-control" type="number" id="passwordCounter" v-model="password.counter" min="1"> | |||||
</div> | </div> | ||||
</div> | </div> | ||||
</form> | </form> | ||||