diff options
| author | Syndamia <kamen.d.mladenov@protonmail.com> | 2021-03-22 09:09:01 +0200 |
|---|---|---|
| committer | Syndamia <kamen.d.mladenov@protonmail.com> | 2021-03-22 09:09:01 +0200 |
| commit | c08d710428ca14b0ebe3d13c16df0aa9b8ba9a93 (patch) | |
| tree | f07e2653a7d9aaa96a3b6e304839079c879d3af6 | |
| parent | 62d0b6fd8436d21ad436438880e3253d5b15cbcf (diff) | |
| download | DevHive-Angular-c08d710428ca14b0ebe3d13c16df0aa9b8ba9a93.tar DevHive-Angular-c08d710428ca14b0ebe3d13c16df0aa9b8ba9a93.tar.gz DevHive-Angular-c08d710428ca14b0ebe3d13c16df0aa9b8ba9a93.zip | |
Minor update/fix to styling of textarea component on editing comment
| -rw-r--r-- | src/app/components/comment/comment.component.html | 2 | ||||
| -rw-r--r-- | src/styles.css | 3 |
2 files changed, 3 insertions, 2 deletions
diff --git a/src/app/components/comment/comment.component.html b/src/app/components/comment/comment.component.html index 65ebf56..a22907a 100644 --- a/src/app/components/comment/comment.component.html +++ b/src/app/components/comment/comment.component.html @@ -14,7 +14,7 @@ </span> </summary> <form [formGroup]="editCommentFormGroup" *ngIf="editingComment" (ngSubmit)="editComment()"> - <textarea class="textarea-new-msg full-width faded-slim-border border-bottom-only padding-small" rows="1" formControlName="newCommentMessage" placeholder="What's on your mind?"></textarea> + <textarea class="textarea-new-msg full-width faded-slim-border border-bottom-only padding-small margin-bot-bigger" rows="1" formControlName="newCommentMessage" placeholder="What's on your mind?"></textarea> <button type="submit" class="faded-slim-border full-width padding-small lighter-hover click-effect border-radius-smaller margin-bot-bigger"> Update Comment </button> diff --git a/src/styles.css b/src/styles.css index d57416e..06ddae6 100644 --- a/src/styles.css +++ b/src/styles.css @@ -372,8 +372,9 @@ input[type=file]::file-selector-button { /* Inputs, the type found in login and register */ .textarea-new-msg { - min-height: 1.5em; + min-height: 2em; resize: vertical; + box-sizing: border-box; } .fancy-input { |