Add separations in the panel

This commit is contained in:
Chocobozzz 2016-03-16 20:45:09 +01:00
parent 33b992603c
commit a0382b70d0
2 changed files with 24 additions and 16 deletions

View File

@ -17,24 +17,28 @@
<div class="row">
<menu class="col-md-2">
<div id="panel_get_videos" class="panel_button">
<span class="glyphicon glyphicon-list"></span>
<a [routerLink]="['VideosList']">Get videos</a>
<div class="panel_block">
<div id="panel_get_videos" class="panel_button">
<span class="glyphicon glyphicon-list"></span>
<a [routerLink]="['VideosList']">Get videos</a>
</div>
<div id="panel_upload_video" class="panel_button">
<span class="glyphicon glyphicon-cloud-upload"></span>
<a [routerLink]="['VideosAdd']">Upload a video</a>
</div>
</div>
<div id="panel_upload_video" class="panel_button">
<span class="glyphicon glyphicon-cloud-upload"></span>
<a [routerLink]="['VideosAdd']">Upload a video</a>
</div>
<div class="panel_block">
<div id="panel_make_friends" class="panel_button">
<span class="glyphicon glyphicon-user"></span>
<a (click)='makeFriends()'>Make friends</a>
</div>
<div id="panel_make_friends" class="panel_button">
<span class="glyphicon glyphicon-user"></span>
<a (click)='makeFriends()'>Make friends</a>
</div>
<div id="panel_quit_friends" class="panel_button">
<span class="glyphicon glyphicon-plane"></span>
<a (click)='quitFriends()'>Quit friends</a>
<div id="panel_quit_friends" class="panel_button">
<span class="glyphicon glyphicon-plane"></span>
<a (click)='quitFriends()'>Quit friends</a>
</div>
</div>
</menu>

View File

@ -18,3 +18,7 @@ footer {
&:hover { text-decoration: none; }
}
}
.panel_block:not(:last-child) {
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}