Adjusting widget header size service portal.

[Community Alums]

Hello

I want to adjust the second widget (Known Problems ...) size as the first widget (Announcements) which is shown in the above screen shot. 

Below is the piece of HTML code for known problem... widget. Please suggest me on this. Thank You!

<div class="panel panel-primary">
	<div class="panel-heading">
    <div class="panel-title">
		<span><h4><img class="center" src="warning_icon.svg" width="30" height="30"/> Known Problems and Outages being investigated.</h4></span>
    </div>
	</div>
  <div>
    &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp Please click the link to read more. You can also add yourself as an impacted user.
  </div>
  <!-- SCROLLER -->
  <div class="panel-body" style="min-height: 150px;">
    <table align="left" border="0" cellspacing="2" cellpadding="0">
    <tr class="animated slideInUp" ng-repeat="item in c.data.list">
        <td>
              <a href="{{item.link}}" target="_blank" >
                <span style="padding-right:10px;"><IMG SRC="images/icons/problem.gifx"/></span>
              </a>
              <a href="{{item.link}}" target="_blank" class="linked" style="padding-right:10px;">{{item.number}}</a>
            </td>
            <td><span style="word-wrap: normal;" >{{item.short_description}}</span></td>
    </tr>
    </table>
  </div>
</div>

[Community Alums · Accepted solution]

Write below in the CSS section of the widget and adjust the values as per your need : 

.panel-primary{

height:130px; //adjust this..

}

.panel-primary .panel-heading{

height:70px; //adjust this..

}

[Community Alums]

Hello,

Thank You for your reply. I tried with below piece of code but widget is looking like below. 

Please suggest me how I can adjust that image and title at the center of the header?

[Community Alums]

As i said before, You have to adjust the figures/numbers, to get your UI looking good.

Rest the format would be the same.