‫Hey, there.
‫Welcome back.
‫Now let us quickly jump here and start working with partners succeed.
‫These are some different burdens and we need something different.
‫So what we have to do is the first thing is add some combating design and add some color and then see
‫what we can do.
‫So let me jump here and we have these two buttons.
‫OK, so I need to just select personal and inside that I have this button.
‫If you jump here, previously we did something with buttons.
‫Nope.
‫So what?
‫I'm going to select my personal.
‫And then select the buttons are now inside this, I cannot separate sending the first setting that I
‫want to ask is maybe just change the color background color.
‫So that should be general setting.
‫But the problem ahead is I have these two colors.
‫The first background color is maybe let's call this light blue, and the second one is the background
‫color R.S..
‫So what I'm going to do is I'm going to call them as primarily as realistic energy.
‫So let me add a class and call this as a primary button.
‫And then call this process secondary.
‫This looks fine, and now I can add settings to both of them.
‫So there will be more smoke and then I'm going to select Button, which should be primary.
‫And similarly, I need to select a button with the secondary.
‫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
‫change the background color.
‫So John Parer.
‫And let me add background color.
‫This background color is exactly the same, which we used for border.
‫So this should be the first thing.
‫And also, we need to change font color.
‫So best thing I can do is use color and correctly I have deformed color directly so I can utilize it.
‫Save this one.
‫Get back here.
‫You can say it's much better now.
‫Something similar we need to do about this following.
‫So what I'm going to do is add a background color.
‫Now, either I can copy this background color, which is this one, or they can say, is that synthesis
‫transparent?
‫So if I said this is transparent, it will automatically be the background color.
‫And again, I need to set different alerts, and if we use color and then I'm going to add some color
‫so you can see this is how it looks.
‫We definitely need to change that.
‫So thanks for batting as well as Deborah.
‫So there are certain common things that we need to change.
‫So the first thing will be all the common things I'm adding here for specific things.
‫I have created these ideas.
‫So the common thing is I need to change our border.
‫So border should be one big thing that will be solved and.
‫They both have the same water.
‫So I'm going to analyze this.
‫And the second thing is about batting, because the structure of button is thin.
‫So what I'm going to do is add some padding.
‫So remember, XXL is required more here.
‫You can visually see them that the x axis there is some more space and for y axis it's less.
‫And what I'm going to do this or y let me take zero point eight and four X. That means left and right
‫panel included one point eight trim.
‫And although I need to call them because there is some border areas, there should be zero point three
‫and save this one.
‫Get back here.
‫Much of it they are looking at, OK, exactly the same.
‫Just different states would be different, so I'm going to add some phone sized one point three RAM,
‫save this one.
‫Much better.
‫OK.
‫If you see, if I have it all of this, I have some course.
‫What I can do is I can add our property that if someone tries to hover over this.
‫Power, a move, all of this.
‫And I can change course, and Congress has a point, I'll save this one.
‫Get back here, I have the signal.
‫Now the only thing is I need to send to them.
‫The thing is these two are individual elements.
‫They are in 911.
‫What I can do is I can get them inside out there and then take the item up to.
‫So that would be much better since there is a block and we can have much more control.
‫So how let me call this day?
‫IRA Glass called buttons.
‫If you jump in now.
‫This is the day and now we have autism.
‫So what I can do is inside this deal, I can do many more things I can say text alliance and that's
‫all the elements would be S.A. or maybe I want to do something with margin I can do now, but fixed
‫alliance and that will work because it will change that everything that is inside this deal.
‫So if I jump here.
‫I need to select this class now, and this is the class.
‫So I'm going to jump here.
‫And symbols like personal and had I need to use dog buttons because this is glass now or I need to do
‫is use text align center.
‫Save this one much better now we can see the difference.
‫Also, let me add some margin, maybe add some margin to create a gap from top and bottom.
‫So quiet jump jumper use margin I see a one room same.
‫Much better.
‫You can see about over this.
‫You can also see one report from this site also.
‫I hope you got the idea.
‫Now, I need some space between these two.
‫So what I can do is I can select any one button and the primary and then our margin him margin one side.
‫This should be right.
‫And if I see one, Jim.
‫Against it created something different.
‫I can also create some margin for left quarters.
‫Why?
‫Because for primary, I need to add space on the right side or secondary.
‫I need to create space on the left side.
‫Well, something similar and this has seemed much better.
‫But I don't want I want some small space.
‫Let me use maybe 0.5 from.
‫And since they are text to center, they will automatically align better, okay, much better now.
‫Let me close this one, this inspect.
‫You can see it's much better than the starting position, but yeah, we are growing.
‫So that's it for this lecture, we just stained our buttons.
‫The next thing we need to do is add this this thing, we need to add a can.
‫Also, we need to do something with this.
‫So it's depend on us what we are going to do.
‫Let us complete this section and then start talking about icons.
‫So that's all for this section.
‫In the next section, let's see what we are going to do.
‫I hope this lecture was helpful.
‫Thank you for pointing, and I see you guys in the next one.