Alignment problem

[kks_krishna]

HI,

Please chekc the following code. I could not align the columns properly. Problem is the first column always occupy more space and i could not make the second column text very near to the first column. Please help me:

<rich:panel style="margin-top:10;">
 <h:panelGrid width="500" id="result" columns="2" style="wmargin-top:10;" columnClasses="coll-cl">
 <h:column>
 <rich:dataTable var="sys"
 value="#{clinicalDetailsBean.doctorsAppointment}" id="dc_list"
 rows="3">
 <f:facet name="header">
 <h:outputText value="Doctor's Appointment Schedule" />
 </f:facet>>
 <h:column>
 <h:commandLink value="#{sys.firstName}" />
 </h:column>
 <rich:subTable value="#{sys.availableDates}" var="sys1">
 <h:column>
 <h:commandLink value="#{sys1}" />
 </h:column>
 </rich:subTable>
 </rich:dataTable>
 </h:column>
 <h:column>
 <h:outputText value="hgjhg" />
 </h:column>
 </h:panelGrid>
 </rich:panel>