1 00:00:01,400 --> 00:00:01,900 ‫Hey, there. 2 00:00:01,970 --> 00:00:02,660 ‫Welcome back. 3 00:00:03,020 --> 00:00:08,750 ‫Now let us quickly jump here and start working with partners succeed. 4 00:00:08,780 --> 00:00:11,990 ‫These are some different burdens and we need something different. 5 00:00:12,590 --> 00:00:19,250 ‫So what we have to do is the first thing is add some combating design and add some color and then see 6 00:00:19,250 --> 00:00:20,090 ‫what we can do. 7 00:00:20,570 --> 00:00:25,850 ‫So let me jump here and we have these two buttons. 8 00:00:25,940 --> 00:00:29,840 ‫OK, so I need to just select personal and inside that I have this button. 9 00:00:30,050 --> 00:00:33,620 ‫If you jump here, previously we did something with buttons. 10 00:00:34,130 --> 00:00:34,520 ‫Nope. 11 00:00:35,300 --> 00:00:35,660 ‫So what? 12 00:00:35,660 --> 00:00:37,820 ‫I'm going to select my personal. 13 00:00:39,500 --> 00:00:45,650 ‫And then select the buttons are now inside this, I cannot separate sending the first setting that I 14 00:00:45,650 --> 00:00:49,550 ‫want to ask is maybe just change the color background color. 15 00:00:49,910 --> 00:00:51,560 ‫So that should be general setting. 16 00:00:51,560 --> 00:00:54,920 ‫But the problem ahead is I have these two colors. 17 00:00:55,040 --> 00:01:00,260 ‫The first background color is maybe let's call this light blue, and the second one is the background 18 00:01:00,260 --> 00:01:01,460 ‫color R.S.. 19 00:01:02,030 --> 00:01:06,920 ‫So what I'm going to do is I'm going to call them as primarily as realistic energy. 20 00:01:07,370 --> 00:01:11,870 ‫So let me add a class and call this as a primary button. 21 00:01:13,790 --> 00:01:16,520 ‫And then call this process secondary. 22 00:01:17,790 --> 00:01:21,750 ‫This looks fine, and now I can add settings to both of them. 23 00:01:21,930 --> 00:01:28,950 ‫So there will be more smoke and then I'm going to select Button, which should be primary. 24 00:01:30,070 --> 00:01:34,660 ‫And similarly, I need to select a button with the secondary. 25 00:01:37,900 --> 00:01:43,270 ‫OK, this looks fine now I can do a lot of things, the first thing I'm going to do is I'm going to 26 00:01:43,270 --> 00:01:44,650 ‫change the background color. 27 00:01:44,950 --> 00:01:46,930 ‫So John Parer. 28 00:01:48,450 --> 00:01:50,550 ‫And let me add background color. 29 00:01:52,070 --> 00:01:56,620 ‫This background color is exactly the same, which we used for border. 30 00:01:57,260 --> 00:01:59,390 ‫So this should be the first thing. 31 00:01:59,960 --> 00:02:02,150 ‫And also, we need to change font color. 32 00:02:02,510 --> 00:02:10,540 ‫So best thing I can do is use color and correctly I have deformed color directly so I can utilize it. 33 00:02:12,670 --> 00:02:13,540 ‫Save this one. 34 00:02:13,570 --> 00:02:14,380 ‫Get back here. 35 00:02:15,760 --> 00:02:17,320 ‫You can say it's much better now. 36 00:02:17,620 --> 00:02:20,200 ‫Something similar we need to do about this following. 37 00:02:20,240 --> 00:02:23,530 ‫So what I'm going to do is add a background color. 38 00:02:24,740 --> 00:02:31,430 ‫Now, either I can copy this background color, which is this one, or they can say, is that synthesis 39 00:02:31,430 --> 00:02:32,360 ‫transparent? 40 00:02:32,420 --> 00:02:36,920 ‫So if I said this is transparent, it will automatically be the background color. 41 00:02:38,550 --> 00:02:44,910 ‫And again, I need to set different alerts, and if we use color and then I'm going to add some color 42 00:02:44,910 --> 00:02:46,620 ‫so you can see this is how it looks. 43 00:02:48,870 --> 00:02:50,850 ‫We definitely need to change that. 44 00:02:51,030 --> 00:02:54,450 ‫So thanks for batting as well as Deborah. 45 00:02:54,870 --> 00:02:57,690 ‫So there are certain common things that we need to change. 46 00:02:57,930 --> 00:03:03,090 ‫So the first thing will be all the common things I'm adding here for specific things. 47 00:03:03,090 --> 00:03:04,770 ‫I have created these ideas. 48 00:03:05,320 --> 00:03:07,890 ‫So the common thing is I need to change our border. 49 00:03:08,040 --> 00:03:13,710 ‫So border should be one big thing that will be solved and. 50 00:03:16,450 --> 00:03:17,940 ‫They both have the same water. 51 00:03:18,460 --> 00:03:20,320 ‫So I'm going to analyze this. 52 00:03:24,330 --> 00:03:28,980 ‫And the second thing is about batting, because the structure of button is thin. 53 00:03:29,310 --> 00:03:31,560 ‫So what I'm going to do is add some padding. 54 00:03:31,560 --> 00:03:35,400 ‫So remember, XXL is required more here. 55 00:03:35,730 --> 00:03:43,080 ‫You can visually see them that the x axis there is some more space and for y axis it's less. 56 00:03:43,770 --> 00:03:50,160 ‫And what I'm going to do this or y let me take zero point eight and four X. That means left and right 57 00:03:50,160 --> 00:03:52,560 ‫panel included one point eight trim. 58 00:03:53,830 --> 00:03:59,950 ‫And although I need to call them because there is some border areas, there should be zero point three 59 00:04:00,120 --> 00:04:01,840 ‫and save this one. 60 00:04:01,870 --> 00:04:02,770 ‫Get back here. 61 00:04:05,000 --> 00:04:08,030 ‫Much of it they are looking at, OK, exactly the same. 62 00:04:09,510 --> 00:04:15,420 ‫Just different states would be different, so I'm going to add some phone sized one point three RAM, 63 00:04:15,630 --> 00:04:16,740 ‫save this one. 64 00:04:18,350 --> 00:04:19,040 ‫Much better. 65 00:04:19,190 --> 00:04:19,850 ‫OK. 66 00:04:20,770 --> 00:04:24,160 ‫If you see, if I have it all of this, I have some course. 67 00:04:24,490 --> 00:04:30,910 ‫What I can do is I can add our property that if someone tries to hover over this. 68 00:04:33,100 --> 00:04:35,710 ‫Power, a move, all of this. 69 00:04:36,700 --> 00:04:41,350 ‫And I can change course, and Congress has a point, I'll save this one. 70 00:04:41,380 --> 00:04:44,030 ‫Get back here, I have the signal. 71 00:04:44,590 --> 00:04:47,530 ‫Now the only thing is I need to send to them. 72 00:04:48,100 --> 00:04:50,860 ‫The thing is these two are individual elements. 73 00:04:50,930 --> 00:04:52,070 ‫They are in 911. 74 00:04:52,090 --> 00:04:57,400 ‫What I can do is I can get them inside out there and then take the item up to. 75 00:04:57,850 --> 00:05:02,080 ‫So that would be much better since there is a block and we can have much more control. 76 00:05:02,560 --> 00:05:04,140 ‫So how let me call this day? 77 00:05:04,430 --> 00:05:06,340 ‫IRA Glass called buttons. 78 00:05:12,690 --> 00:05:13,920 ‫If you jump in now. 79 00:05:15,470 --> 00:05:18,990 ‫This is the day and now we have autism. 80 00:05:19,640 --> 00:05:25,730 ‫So what I can do is inside this deal, I can do many more things I can say text alliance and that's 81 00:05:25,730 --> 00:05:32,390 ‫all the elements would be S.A. or maybe I want to do something with margin I can do now, but fixed 82 00:05:32,390 --> 00:05:37,070 ‫alliance and that will work because it will change that everything that is inside this deal. 83 00:05:37,490 --> 00:05:39,500 ‫So if I jump here. 84 00:05:40,820 --> 00:05:44,120 ‫I need to select this class now, and this is the class. 85 00:05:46,390 --> 00:05:48,460 ‫So I'm going to jump here. 86 00:05:50,990 --> 00:05:58,940 ‫And symbols like personal and had I need to use dog buttons because this is glass now or I need to do 87 00:05:58,940 --> 00:06:01,490 ‫is use text align center. 88 00:06:02,950 --> 00:06:07,540 ‫Save this one much better now we can see the difference. 89 00:06:08,050 --> 00:06:13,480 ‫Also, let me add some margin, maybe add some margin to create a gap from top and bottom. 90 00:06:13,810 --> 00:06:20,050 ‫So quiet jump jumper use margin I see a one room same. 91 00:06:21,780 --> 00:06:22,530 ‫Much better. 92 00:06:23,010 --> 00:06:25,360 ‫You can see about over this. 93 00:06:25,380 --> 00:06:28,080 ‫You can also see one report from this site also. 94 00:06:29,600 --> 00:06:31,040 ‫I hope you got the idea. 95 00:06:32,180 --> 00:06:34,670 ‫Now, I need some space between these two. 96 00:06:34,820 --> 00:06:43,760 ‫So what I can do is I can select any one button and the primary and then our margin him margin one side. 97 00:06:44,360 --> 00:06:45,380 ‫This should be right. 98 00:06:45,740 --> 00:06:47,740 ‫And if I see one, Jim. 99 00:06:49,460 --> 00:06:51,200 ‫Against it created something different. 100 00:06:51,530 --> 00:06:54,420 ‫I can also create some margin for left quarters. 101 00:06:55,820 --> 00:06:56,180 ‫Why? 102 00:06:56,190 --> 00:07:01,550 ‫Because for primary, I need to add space on the right side or secondary. 103 00:07:01,550 --> 00:07:03,470 ‫I need to create space on the left side. 104 00:07:04,310 --> 00:07:08,720 ‫Well, something similar and this has seemed much better. 105 00:07:09,620 --> 00:07:12,560 ‫But I don't want I want some small space. 106 00:07:13,010 --> 00:07:16,040 ‫Let me use maybe 0.5 from. 107 00:07:19,350 --> 00:07:25,200 ‫And since they are text to center, they will automatically align better, okay, much better now. 108 00:07:26,560 --> 00:07:28,900 ‫Let me close this one, this inspect. 109 00:07:30,420 --> 00:07:35,820 ‫You can see it's much better than the starting position, but yeah, we are growing. 110 00:07:36,720 --> 00:07:40,350 ‫So that's it for this lecture, we just stained our buttons. 111 00:07:40,800 --> 00:07:45,470 ‫The next thing we need to do is add this this thing, we need to add a can. 112 00:07:46,140 --> 00:07:48,240 ‫Also, we need to do something with this. 113 00:07:48,250 --> 00:07:51,000 ‫So it's depend on us what we are going to do. 114 00:07:51,510 --> 00:07:54,900 ‫Let us complete this section and then start talking about icons. 115 00:07:55,410 --> 00:07:56,820 ‫So that's all for this section. 116 00:07:56,820 --> 00:07:59,010 ‫In the next section, let's see what we are going to do. 117 00:07:59,760 --> 00:08:01,360 ‫I hope this lecture was helpful. 118 00:08:01,380 --> 00:08:04,050 ‫Thank you for pointing, and I see you guys in the next one.