Though this is pretty simple to implement it is a pain if you have many lists where each list requires this custom CSS. To help ease this I have developed a ribbon control. You can find the entire solution and info in the git-hub link below
Once the wsp is deployed you’ll see a ribbon control on all your document libraries. On clicking the ribbon control, highlighted in blue in the below screen shot, an application page is opened that lists all the columns in the view.
On this page you can enter the desired width of each column. Leave the textbox blank in case you want to keep the width of a particular column as default.
P.S: The solution assumes jQuery is referenced in the master page.