Improve the profile section a bit and add a highlight to the temp tab

2019-01-21 17:27:43 -07:00
parent c3692aa9ae
commit 15a56fa90b
9 changed files with 186 additions and 55 deletions
@@ -1,6 +1,25 @@
-.mx_GeneralSettingsTab_profile input {
+.mx_GeneralSettingsTab_profile {
+  display: flex;
+}
+
+.mx_GeneralSettingsTab_profileControls {
+  flex-grow: 1;
+}
+
+.mx_GeneralSettingsTab_profileControls .mx_Field #profileDisplayName {
+  width: calc(100% - 20px); // subtract 10px padding on left and right
+}
+
+.mx_GeneralSettingsTab_profileAvatar {
+  width: 88px;
+  height: 88px;
+  margin-left: 13px;
+}
+
+.mx_GeneralSettingsTab_profileAvatar div {
  display: block;
-  font-size: 14px;
-  padding: 5px;
+  width: 88px;
+  height: 88px;
  border-radius: 4px;
+  background-color: #ccc;
 }