<template>
  <div class="content">
  	<h2>Login</h2>
  	<div class="field is-horizontal">
  		<div class="field-label is-normal">
  		  <label class="label">Username</label>
  		</div>
  		<div class="field-body">
  		  <div class="field">
  			<div class="control">
  			  <input class="input" type="text"
  			  placeholder="Your username">
  			</div>
  		  </div>
  		</div>
  	</div>
  	<div class="field is-horizontal">
  		<div class="field-label is-normal">
  		  <label class="label">Password</label>
  		</div>
  		<div class="field-body">
  		  <div class="field">
  			<div class="control">
  			  <input class="input" type="password"
  			  placeholder="Your password">
  			</div>
  		  </div>
  		</div>
  	</div>
  	<div class="field is-horizontal">
  		<div class="field-label">
  		  <!-- Left empty for spacing -->
  		</div>
  		<div class="field-body">
  		  <div class="field">
  			<div class="control">
  			  <button class="button is-primary">
  				Login
  			  </button>
  			</div>
  		  </div>
  		</div>
  	</div>
  </div>
</template>
