1
00:00:01,350 --> 00:00:05,100
One of the last big things I want to add into our application is a little bit better styling.

2
00:00:05,460 --> 00:00:10,050
We're going to add in to start a little bit of margin on the left and right hand sides of the screen

3
00:00:10,290 --> 00:00:14,280
just so that our code cells and our tech cells are not taking up 100 percent of the width.

4
00:00:15,180 --> 00:00:21,240
So back inside of our ED, we're going to create a new CSFs file for our cell list component inside

5
00:00:21,240 --> 00:00:22,170
the components directory.

6
00:00:22,210 --> 00:00:25,650
I'll make a new file of Zeil List CSFs.

7
00:00:26,770 --> 00:00:29,470
I'll then go to our component file of cell list.

8
00:00:30,300 --> 00:00:33,300
At the very top, I will import the CSIS file that I just created.

9
00:00:36,730 --> 00:00:41,350
I'll then go down to our Jesus block, I'll find the wrapping right there, and I'm going to give it

10
00:00:41,350 --> 00:00:44,080
a class name of cell list.

11
00:00:46,630 --> 00:00:49,360
Then back inside of our access file that we just created.

12
00:00:50,610 --> 00:00:58,620
Blat on a Selecter four sell list, I'll give it a margin of zero pixels on the top and bottom and maybe

13
00:00:58,710 --> 00:01:01,260
about twenty five on the left and right.

14
00:01:02,830 --> 00:01:08,020
Let's save that look back over and now we've got just a little bit of reasonable spacing on the left

15
00:01:08,020 --> 00:01:11,130
and right hand sides that say that definitely looks just a little bit better.

16
00:01:11,650 --> 00:01:14,860
Now, of course, if you want to play around with that spacing, it is totally up to you.

17
00:01:14,980 --> 00:01:17,640
You can add in or remove as much spacing as you wish.

18
00:01:18,850 --> 00:01:22,880
Well, let's say that looks pretty reasonable, but there are still a couple of other very small scissors

19
00:01:22,900 --> 00:01:27,490
fixes I would like to make, for example, if we go down to our bottom code cell right now.

20
00:01:28,430 --> 00:01:33,080
I want you to try it resizing this thing, and as you do so, you'll notice that it starts to go really

21
00:01:33,080 --> 00:01:34,520
crazy really quickly.

22
00:01:35,180 --> 00:01:39,230
So we're going to try to fix this up and make sure that it doesn't just automatically snap shut.

23
00:01:39,680 --> 00:01:44,300
And we're going to be able to get a pretty reasonable solution by addressing this with a little bit

24
00:01:44,300 --> 00:01:44,980
of success.

25
00:01:45,410 --> 00:01:48,470
So let's take a pause right here and then figure out a solution to this in just a moment.