Move dash-to-dock closer to the screen's edge

[Computer_Email23]

How do I move the dock closer to the screen’s edge? It is a little bit above the screen. I want it closer. Is there a way?

[bogdancovaciu]

You can edit the file
/usr/share/gnome-shell/extensions/dash-to-dock@micxgx.gmail.com/stylesheet.css
and replace from line 1 to 16 with this:

#dashtodockContainer.bottom #dash {
  margin: 0;
  padding: 0;
  padding-bottom: 0px;
  padding-top: 5px; }
  #dashtodockContainer.bottom #dash .dash-background {
    margin: 0;
    margin-bottom: 0px;
    padding: 0px; }
  #dashtodockContainer.bottom #dash .dash-separator {
    margin-bottom: 0; }
  #dashtodockContainer.bottom #dash .dash-item-container .app-well-app,
  #dashtodockContainer.bottom #dash .dash-item-container .show-apps {
    padding: 2px;
    padding-bottom: 0px;
    padding-top: 10px; }

in Appearance of the Dash to Dock settings you set it like this:

and then restart the shell, so you end up with something like this:

the dash right at the bottom of the screen.

If you do not want to make the dash transparent, or want to set it to be dynamic, then you can use this code instead, on those lines:

#dashtodockContainer.bottom #dash {
  margin: 0;
  padding: 0;
  padding-bottom: 0px;
  padding-top: 10px; }
  #dashtodockContainer.bottom #dash .dash-background {
    margin: 0;
    margin-bottom: 0px;
    padding: 10px; }
  #dashtodockContainer.bottom #dash .dash-separator {
    margin-bottom: 0; }
  #dashtodockContainer.bottom #dash .dash-item-container .app-well-app,
  #dashtodockContainer.bottom #dash .dash-item-container .show-apps {
    padding: 2px;
    padding-bottom: 10px;
    padding-top: 10px; }

The problem will be that those changes will be overwritten with the update of the extension. Also, do not shrink the dash, as then other parts of the stylesheet.css file will need to be changed properly, in order for dash to look good. Play with those values …

[Computer_Email23]

Thank you