title: How to partially cut ViewCell separator line in Xamarin Forms?
body: <p>I am using <code>ViewCell</code> to create rows in my table settings page. I have a setting to select a Light or Dark theme.</p>
  
  <pre><code>&lt;ViewCell Height="50"&gt;
      &lt;StackLayout x:Name="darkTheme" VerticalOptions="FillAndExpand" Padding="20,0,20,0"&gt;
          &lt;StackLayout Orientation="Horizontal" VerticalOptions="CenterAndExpand"&gt;
              &lt;Label Text="Dark" XAlign="Center" FontSize="15"/&gt;
              &lt;Label x:Name="darkThemeCheckmark" Text="{x:Static local:FontAwesome.FACheck}" FontFamily="FontAwesome" XAlign="Center" IsVisible="false" FontSize="12" HorizontalOptions="EndAndExpand"/
          &lt;/StackLayout&gt;
      &lt;/StackLayout&gt;
  &lt;/ViewCell&gt;
  &lt;ViewCell Height="50"&gt;
      &lt;StackLayout x:Name="lightTheme" VerticalOptions="FillAndExpand" Padding="20,0,20,0"&gt;
          &lt;StackLayout Orientation="Horizontal" VerticalOptions="CenterAndExpand"&gt;
              &lt;Label Text="Light" XAlign="Center" FontSize="15"/&gt;
              &lt;Label x:Name="lightThemeCheckmark" Text="{x:Static local:FontAwesome.FACheck}" FontFamily="FontAwesome" XAlign="Center" IsVisible="false" FontSize="12"/&gt;
          &lt;/StackLayout&gt;
      &lt;/StackLayout&gt;
  &lt;/ViewCell&gt;
  </code></pre>
  
  <p>Whenever I switch from dark to light theme, there is faint light line on the left side between my rows that I can't seem to get rid of. Please refer to the images below:</p>
  
  <p><a href="https://i.stack.imgur.com/9XzVJ.jpg" rel="noreferrer"><img src="https://i.stack.imgur.com/9XzVJ.jpg" alt="enter image description here"></a></p>
  
  <p><a href="https://i.stack.imgur.com/RCzmb.jpg" rel="noreferrer"><img src="https://i.stack.imgur.com/RCzmb.jpg" alt="enter image description here"></a></p>
  
  <p>In my renderer I have set the following: </p>
  
  <pre><code>tableView.LayoutMargins = new UIEdgeInsets() { Left = 20 };
  cell.SeparatorInset = new UIEdgeInsets() { Left = 20 };
  cell.LayoutMargins = new UIEdgeInsets() { Left = 20 };
  </code></pre>
  
  <p>Anyone knows how to get rid of this line? </p>
  
  <p><strong>Edit:</strong> </p>
  
  <p>I wanted it to look like below:
  <a href="https://i.stack.imgur.com/3ECrW.jpg" rel="noreferrer"><img src="https://i.stack.imgur.com/3ECrW.jpg" alt="enter image description here"></a></p>