Skip to content

Commit 87e0b01

Browse files
committed
Improve "How to Use the App" text
1 parent 0712b06 commit 87e0b01

3 files changed

Lines changed: 22 additions & 16 deletions

File tree

Style/_how-to-use.scss

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
.how-to-use-container {
22
direction: ltr;
3-
padding: 2px 4px 7px;
3+
padding: 2px 5px 7px;
44

55
.how-to-use-title {
66
font-size: 18px;
@@ -23,7 +23,7 @@
2323
background-color: $blue-background;
2424
border: 1px solid $blue-border;
2525
width: 100%;
26-
margin-top: 20px;
26+
margin-top: 16px;
2727
font-size: 17px;
2828
cursor: pointer;
2929
transition: background-color 0.15s, box-shadow 0.15s, transform 0.15s;

Style/style.css

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -408,7 +408,7 @@ body {
408408

409409
.how-to-use-container {
410410
direction: ltr;
411-
padding: 2px 4px 7px;
411+
padding: 2px 5px 7px;
412412
}
413413
.how-to-use-container .how-to-use-title {
414414
font-size: 18px;
@@ -429,7 +429,7 @@ body {
429429
background-color: rgb(43, 43, 144);
430430
border: 1px solid rgb(61, 61, 255);
431431
width: 100%;
432-
margin-top: 20px;
432+
margin-top: 16px;
433433
font-size: 17px;
434434
cursor: pointer;
435435
transition: background-color 0.15s, box-shadow 0.15s, transform 0.15s;

index.html

Lines changed: 18 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -95,26 +95,32 @@ <h3 class="how-to-use-title">
9595
How to Use the App:
9696
</h3>
9797
<div class="how-to-use-text">
98-
Navigate to the "CS Internship - Queue"
99-
group and copy the list you want to modify.
100-
Next, go to the "Input List" section of the
101-
app and paste the copied list. Click the
102-
"Submit" button to fill the "Edit List"
103-
section with your list data.
98+
To modify a list in the "CS Internship -
99+
Queue" group, start by navigating to the
100+
group and copying the list you want to
101+
modify. Next, go to the "Input List" section
102+
of the app, paste the copied list, and click
103+
the "Submit" button. This action will
104+
populate the "Edit List" section with your
105+
list data.
104106
</div>
105107
<div class="how-to-use-text">
106-
In the "Edit List" section, make the
107-
necessary changes. You can move members to
108-
the end of the list, remove members from the
109-
list, or add new members to the list.
108+
In the "Edit List" section, you can make the
109+
necessary changes to the list. You have the
110+
options to move members to the end of the
111+
list, remove members, or add new members.
110112
</div>
111113
<div class="how-to-use-text">
112114
Once you have completed the desired changes,
113115
go to the "Output List" section and click
114116
the "Copy" button to copy the updated list
115-
to your clipboard. You can now paste the
116-
updated list into the group.
117+
to your clipboard. Finally, paste the
118+
updated list back into the "CS Internship -
119+
Queue" group.
117120
</div>
121+
<!-- <div class="how-to-use-text">
122+
Happy queuing!
123+
</div> -->
118124
<div class="how-to-use-btn">Add Demo List</div>
119125
<br />
120126
</div>

0 commit comments

Comments
 (0)