fix style inconsistencies

This commit is contained in:
Jacob Levine 2019-02-09 15:42:16 -06:00
parent 6d45200ca3
commit 0f68468f14
2 changed files with 11 additions and 5 deletions

View File

@ -26,15 +26,16 @@
</span>
<h1 id="mainhead">TitanScout- Your Profile</h1>
<p id="status">Loading...</p>
<input type="button" name="Sign Out" value="Sign Out" onclick="signout();" id="signout">
<input type="button" name="DelAcc" value="Delete Account" onclick="deleteAccount();" id="deleteacc">
<input type="button" name="Sign Out" value="Sign Out" onclick="signout();" id="signout" class="btn">
<input type="button" name="DelAcc" value="Delete Account" onclick="deleteAccount();" id="deleteacc" class="btm">
<h2>Profile info</h2>
<table id="profileupd">
<tr class="profupdopt">
<td>
Username: <span contenteditable="true" id="newDN"></span>
</td>
<td>
<input type="button" name="upun" value="Update Username" onclick="updun();">
<input type="button" name="upun" value="Update Username" onclick="updun();" class="btn">
</td>
</tr>
<tr class="profileupdopt">
@ -42,11 +43,10 @@
Email: <span contenteditable="true" id="newEM"></span>
</td>
<td>
<input type="button" name="updem" value="Update Email" onclick="updem();">
<input type="button" name="updem" value="Update Email" onclick="updem();" class="btn">
</td>
</tr>
</table>
<div id="firebaseui-auth-container"></div>
</div>
</body>

View File

@ -3,6 +3,9 @@ function openNav() {
document.getElementById("mySidenav").style.width = "250px";
document.getElementById("main").style.marginLeft = "250px";
document.body.style.backgroundColor = "rgba(0,0,0,0.4)";
for (var i = 0; i < document.getElementsByClass("btn").length; i++) {
document.getElementsByClass("btn")[i].style.backgroundColor="rgba(0,0,0,.2)"
}
}
/* Set the width of the side navigation to 0 and the left margin of the page content to 0, and the background color of body to white */
@ -10,6 +13,9 @@ function closeNav() {
document.getElementById("mySidenav").style.width = "0";
document.getElementById("main").style.marginLeft = "0";
document.body.style.backgroundColor = "white";
for (var i = 0; i < document.getElementsByClass("btn").length; i++) {
document.getElementsByClass("btn")[i].style.backgroundColor="buttonface"
}
}
window.onload = function() {