Skip to content

Commit

Permalink
chore(frontend):align elements evenly
Browse files Browse the repository at this point in the history 
Implement LFA feedback to align ui elements evenly on pages

[Finishes #165560104]
  • Loading branch information
@tolulope-od
tolulope-od committed Apr 24, 2019
1 parent c638ed8 commit ba0ff5e
Show file tree
Hide file tree
Showing 11 changed files with 51 additions and 16 deletions.
1 change: 1 addition & 0 deletions UI/accountInfo.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -59,6 +59,7 @@ <h2 class="label-lg"><strong>ACCOUNTS</strong></h2>
</div>
</div>
</div>
<div class="nav-area"></div>
<div class="shortcut-btns">
<a href="dashboard.html"><i class="fas fa-chevron-left"></i> Dashboard</a>
</div>
Expand Down
1 change: 1 addition & 0 deletions UI/admin/accountinfo.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -62,6 +62,7 @@ <h2 class="label-lg"><strong>ACCOUNTS</strong></h2>
</div>
</div>
</div>
<div class="nav-area"></div>
<div class="shortcut-btns">
<a href="#" onclick="handleStatusChange()" id="accnt-status-btn">Activate Account</a>
<a href="#" onclick="handleAccountDebit()" id="accnt-status-btn">Debit Account</a>
Expand Down
2 changes: 1 addition & 1 deletion UI/admin/addstaff.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -51,7 +51,7 @@ <h2 class="label-lg"><strong>USERS</strong></h2>
</div>
</div>
</div>

<div class="nav-area"></div>
<div class="main-dashboard">
<div class="account-stats">
<div class="edit-profile">
Expand Down
1 change: 1 addition & 0 deletions UI/admin/dashboard.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -65,6 +65,7 @@ <h2 class="label-lg"><strong>DASHBOARD</strong></h2>
</div>
</div>
</div>
<div class="nav-area"></div>
<div class="main-dashboard">
<div class="account-stats">
<div class="account-stats-card">
Expand Down
1 change: 1 addition & 0 deletions UI/admin/users.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -64,6 +64,7 @@ <h2 class="label-lg"><strong>USERS</strong></h2>
</div>
</div>
</div>
<div class="nav-area"></div>
<div class="shortcut-btns">
<form class="search-area" action="">
<input type="text" placeholder="Search.." name="search" />
Expand Down
1 change: 1 addition & 0 deletions UI/admin/viewaccounts.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -62,6 +62,7 @@ <h2 class="label-lg"><strong>ACCOUNTS</strong></h2>
</div>
</div>
</div>
<div class="nav-area"></div>
<div class="shortcut-btns">
<a href="dashboard.html"><i class="fas fa-chevron-left"></i> Dashboard</a>
</div>
Expand Down
1 change: 1 addition & 0 deletions UI/createAccount.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -59,6 +59,7 @@ <h2 class="label-lg"><strong>ACCOUNTS</strong></h2>
</div>
</div>
</div>
<div class="nav-area"></div>
<div class="shortcut-btns">
<a href="dashboard.html"><i class="fas fa-chevron-left"></i> Dashboard</a>
</div>
Expand Down
1 change: 1 addition & 0 deletions UI/dashboard.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -59,6 +59,7 @@ <h2 class="label-lg"><strong>DASHBOARD</strong></h2>
</div>
</div>
</div>
<div class="nav-area"></div>
<div class="shortcut-btns">
<a href="createaccount.html">+ Add Account</a>
</div>
Expand Down
2 changes: 1 addition & 1 deletion UI/editProfile.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -59,7 +59,7 @@ <h2 class="label-lg"><strong>PROFILE</strong></h2>
</div>
</div>
</div>

<div class="nav-area"></div>
<div class="main-dashboard">
<div class="account-stats">
<div class="edit-profile">
Expand Down
1 change: 1 addition & 0 deletions UI/profile.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -59,6 +59,7 @@ <h2 class="label-lg"><strong>PROFILE</strong></h2>
</div>
</div>
</div>
<div class="nav-area"></div>
<div class="shortcut-btns">
<a href="editprofile.html"><i class="far fa-edit"></i> Edit Profile</a>
</div>
Expand Down
55 changes: 41 additions & 14 deletions UI/style.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -168,6 +168,14 @@ body {
right: auto;
}

.nav-area {
width: 72.8%;
border-bottom: 3px solid purple;
margin-left: 240px;
padding-top: 10px;
margin-bottom: 20px;
}

.row .col {
float: left;
box-sizing: border-box;
Expand Down Expand Up @@ -406,9 +414,6 @@ button.dropdown-trigger:focus {
display: flex;
flex-direction: row;
justify-content: flex-start;
border-bottom: 3px solid purple;
padding-bottom: 10px;
margin-bottom: 10px;
}

.dash-nav-link {
Expand Down Expand Up @@ -945,6 +950,16 @@ td.user-info {
flex-direction: column;
}

.nav-area {
display: none;
}

.dashboard-links {
border-bottom: 3px solid purple;
padding-bottom: 10px;
margin-bottom: 10px;
}

table,
thead,
tbody,
Expand Down Expand Up @@ -1089,6 +1104,13 @@ td.user-info {

.dashboard-links {
width: 80%;
border-bottom: 3px solid purple;
padding-bottom: 10px;
margin-bottom: 10px;
}

.nav-area {
display: none;
}

.main-content {
Expand Down Expand Up @@ -1146,12 +1168,12 @@ td.user-info {
}

.accnt-info-disp {
width: 70%;
margin-left: 255px;
width: 71.8%;
margin-left: 17%;
}

.profile-card {
margin-left: 20px;
.edit-profile {
width: 71.8%;
}
}

Expand All @@ -1164,16 +1186,21 @@ td.user-info {
margin-left: 35px;
}

.profile-card {
margin-left: 20px;
}

.shortcut-btns {
max-width: 93.8%;
max-width: 94.6%;
}

.accnt-info-disp {
width: 71%;
margin-left: 300px;
width: 73%;
margin-left: 19%;
}

.nav-area {
width: 74%;
margin-left: 277px;
}

.edit-profile {
width: 71.8%;
}
}

0 comments on commit ba0ff5e

Please sign in to comment.