1
00:00:01,290 --> 00:00:06,330
Let's take a look at why our vertical divides right here is going down just a little bit too far to

2
00:00:06,330 --> 00:00:10,740
do so, I'm going to find my element inspector and then inspect any element of your inside the toolbar.

3
00:00:12,150 --> 00:00:17,100
Inside the toolbar, I'm going to try to find a ULLE element, so this is where the entire problem is

4
00:00:17,100 --> 00:00:22,230
coming from, believe it or not, we once again have a little bit of a conflict between Burma and the

5
00:00:22,240 --> 00:00:24,660
access that is included inside of this down.

6
00:00:24,660 --> 00:00:26,790
Ed, on this UL element.

7
00:00:27,060 --> 00:00:31,500
I'm going to scroll down on all these different rules and go just about down towards the very bottom.

8
00:00:32,530 --> 00:00:36,820
I'm going to eventually find a selector of body and you'll notice that it has a line height property

9
00:00:36,820 --> 00:00:38,030
of one point five.

10
00:00:38,740 --> 00:00:42,670
So this one point five right here is causing the other to be slightly too tall.

11
00:00:42,970 --> 00:00:48,400
And the slightly too tall ule means that this little vertical divide right here is being pushed down

12
00:00:48,400 --> 00:00:49,780
just a couple of pixels.

13
00:00:51,160 --> 00:00:57,910
So we can fix this up manually if we change that line right to one point so soon as I do so, the vertical

14
00:00:57,910 --> 00:00:59,590
divide is fixed perfectly.

15
00:01:00,100 --> 00:01:03,420
So once again, like I mentioned, just a little bit of a conflict here.

16
00:01:03,430 --> 00:01:07,390
So let's go back over to our success file again and just apply that little fix.

17
00:01:08,270 --> 00:01:08,640
All right.

18
00:01:08,650 --> 00:01:17,890
So back over here, I'll do a dot w M.D. Ed ULLE and I'm going to apply a line height of one point out.

19
00:01:20,670 --> 00:01:23,520
Look back over to a refresh, yep, looks like it's fixed.

20
00:01:24,410 --> 00:01:25,950
OK, so that's two problems down.

21
00:01:26,400 --> 00:01:30,300
And clearly there's a little bit of a seesaw conflict here, but I'd say that overall this is looking

22
00:01:30,300 --> 00:01:30,600
good.

23
00:01:30,930 --> 00:01:35,790
Now, last big thing we have to do is restyle this little draggy bar thing and make sure that it looks

24
00:01:35,790 --> 00:01:40,980
a little bit more similar to some of those other drag bars we put together for our code cell component.

