how to remove margin from popover?

Question!

could you please tell me how to remove margin from left of popover ? Actually I make a popover on button click But there is a margin of left I need to remove this margin of pop over .here is my code

http://codepen.io/anon/pen/zGMdJw On click of button I am showing pop over

.cls{
  border-radius:0px!important;
  padding:0px!important;
  width:100%!important;
}


Answers

As people has been told its not margin, its the left value which is coming by script.

If you are looking for css solution you should try this:

.cls[style] {
  left: 0 !important;
}
By : Maddy


The element ion-popover-view has the following style applied

style="top: 35px; left: 6px; margin-left: 0px; opacity: 1;"

So, as said by Maddy, you only need to add an override in your cls class like this

.cls{
     border-radius:0px!important;
     padding:0px!important;
     width:100%!important;
     left: 0px !important;
}


This video can help you solving your question :)
By: admin